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

2017-08-22 09:34:22 react-native 1545 0

我推荐用第三方组件,去替代原生,因为这些都是开源者们随着版本迭代,一直在维护的东西,几乎都具有向下兼容的特性。而且同时考虑了 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

注:若无特殊说明,文章均为云天河原创,请尊重作者劳动成果,转载前请一定要注明出处