基本资料
- 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 震动组件。
