react-native(三)开发常用组件

我推荐用第三方组件，去替代原生，因为这些都是开源者们随着版本迭代，一直在维护的东西，几乎都具有向下兼容的特性。而且同时考虑了 Android 与 IOS 的兼容问题 以便适应 RN 的频繁更新

UI框架

react-native-ui-kitten
react-native-material-kit
ant-design-mobile

功能组件

Web开发的思想，看待RN组件

通过 git pull 拿到别人代码后，要记得首先要检测组件依赖相关，对应操作如下

npm install
react-native link

常用

倒计时
获取设备信息
图标：FontAwesome 4.4、ionicons 2.0.0 ...
点击图片，图片会放大
毛玻璃效果
拨打手机号、发送邮件等功能
开机白屏时间，用图片占位，等待初始化页面

文件上传
截图、上传一张或者多张图片
封装好功能的二维码扫描页，但需要先下载react-native-camera

全屏轮播
局部轮播 类似jquery的动画特效
动画特效

路由跳转
同级页面，切换特效
底部或上部导航框架(不可滑动)

将HTML目录作为本地视图的控件，其风格可以定制

好看的按钮组
普通按钮
选项卡
轮动选择，类似城市联动
Checkbox

顶部消息弹出
弹出小的提示信息，像layer的msg方法的弹出效果
模态弹出层
侧边滑出

下拉刷新，类似微博刷新
上拉下拉都有，这个更好看
选择框，类似select元素

持久化存储
RSA加解密

微信登录、支付、分享
QQ登录、支付、分享
请注意：Debug版与生成的App版签名不一样，要求拥有正确签名的才能调用的接口，会导致回调函数不响应

图表统计echart

支付宝、微信支付、银联支付、百付宝Wap、QQ钱包
聊天，类似iMessage
百度地图定位
Websocket MQTT client library
wifi模块配置 -> smartconfig：esptouch、...

不常用

跑马灯效果，屏幕横向滚动

视频播放，一般登录界面用

手势放大缩小移动

通讯录相关

安卓录音

日历

pdf