react-native 组件汇总

基本资料

• react-native version 0.34
• 官方参考资料

官方UI组件

• View 视图组件，相当于css 中的div，容器组件
• TextInput 文本输入框 ，相当于 css 中input
• ScrollView 滚动视图 ，容器支持滚动
• ListView 列表视图 ，容器列表渲染数据
• Navigator 导航组件，根据router不同渲染不同的场景（renderScene）
• NavigatorIOS （仅支持ios）
• Image 图片组件，通过source加载本地或者网络图片并显示
• Animated 动画组件，支持View,Text,Image组件的动画效果。主要实现弹簧，渐变和线性动画。
• ActivityIndicator 圆形的loading
• DatePickerIOS ios中的日期选择器

• DrawerLayoutAndroid android中的侧滑菜单
  

  例如
• KeyboardAvoidingView 解决了键盘遮挡的问题，可以自动调整键盘位置。
• MapView(仅支持ios) 地图视图
• Modal 弹出框

• Picker 选择器
  

  例如
• PickerIOS （仅支持IOS）
• ProgressBarAndroid 进度条（封装了andorid 中的progressBar）
• ProgressViewIOS 进度条 (UIProgressView )
• RefreshControl 刷新组件 ，在ScrollView ,ListView scrollY: 0 向下滑动触发onRefresh事件
• SegmentedControlIOS （仅支持ios） 渲染UISegmentedControl ，类似于UIButton
• Slider 选择一个范围的组件
• StatusBar 控制状态栏的组件。手机顶部显示网络信号的那部分
  *　Switch 开关组件　，类似于ｃｓｓ　中的　radio
• TabBarIOS（仅支持ios） 底部可以切换的tab,跟css tab效果一致
• TabBarIOS.Item
• Text 文本组件。支持内嵌，样式，触摸控制。
• ToolbarAndroid android平台工具栏组件 ，支持徽标，导航，图标
• TouchableHighlight 响应触摸操作，触摸高亮组件，按下颜色会变化
• TouchableNativeFeedback 仅支持android 平台的触摸高亮操作。
• TouchableOpacity 响应触摸操作，透明度会降低。
• ViewPagerAndroid 允许视图通过左右滑动切换
• WebView 加载网页的组件
• ActionSheetIOS ios中 从下方弹出的选择框
• AdSupportIOS ios中跟踪广告的组件
• Alert 警告框组件
• AlertIOS ios中警告框组件，支持输入
• CameraRoll 访问本地相册的组件。
• DatePickerAndroid android 日期选择组件。
• ImagePickerIOS ios中图片选择器
  *　TimePickerAndroid　ａｎｄｒｏｉｄ　时间选择器。
• ToastAndroid android 土司。

其他组件

• AppState 查看app 运行状态active,background,inactive
• Colors 定义了常用的颜色。
• AsyncStorage 异步存储组件
• BackAndroid 侦查硬件的返回按钮
• Clipboard 获取粘贴数据的组件
• Dimensions 尺寸组件，获取可是窗体大小。
• Easing easing动画效果 例如
• Geolocation 定位组件
• ImageEditor 裁剪图片
  *　ImageStore 　图片存储。
  ＊　InteractionManager 　可以将一些耗时较长的工作安排到所有互动或动画完成之后再进行，保障动画的流畅。
  ＊　LayoutAnimation 　布局变化后，移动视图到指定位置。
• Linking 提供了一个通用的接口来与传入和传出的App链接进行交互。
• NativeMethodsMixin 计算一个视图在屏幕上的位置
• NetInfo 获取网络情况
• PanResponder 触摸事件,用以获取用户手指所在屏幕的坐标(x,y)或触发、或滑动、或抬起几种事件通知
• PermissionsAndroid 实时获取新权限
  *　PixelRatio 获取设备密度。dpi. 1 = 160dpi
• PushNotificationIOS ios 推送消息 官方推荐使用Parse(facebook 自己的)
• Vibration 震动组件。