ReactNative开发常用的三方模块

写在前面

一个好的App缺不了好的三方支持，生活在ReactNative这个活跃的开源社区，寻找合适的三方组件是一个开发者最基本的能力。不过不积跬步，无以至千里，不积小流，无以成江海。下面分享几个我收集的三方模块，希望对大家有点帮助。

文件上传react-native-uploader

github地址：https://github.com/aroth/react-native-uploader

评价：支持多图上传和上传进度显示，demo比较粗糙。项目已经停止更新 4个月

毛玻璃效果react-native-blur

github 地址：https://github.com/react-native-community/react-native-blur

评价：星星比较多，支持3种常见的毛玻璃效果，不错的组件。

图片轮播

react-native-viewpager

GitHub 地址：https://github.com/race604/react-native-viewpager

评价：实际使用过，轮播效果比较普通，算比较实用吧

react-native-looped-carousel

GitHub 地址：https://github.com/appintheair/react-native-looped-carousel

评价：demo比较精致，可以尝试

react-native-app-intro

GitHub 地址：https://github.com/FuYaoDe/react-native-app-intro

评价：星星比较多，适合做App进入的引导页

图片选择

react-native-image-picker

GitHub 地址：https://github.com/marcshilling/react-native-image-picker

评价：实际使用过，功能强大，兼容性好。但是不支持多图

react-native-image-crop-picker

GitHub 地址：https://github.com/ivpusic/react-native-image-crop-picker

评价：功能类似，但支持多图

获取设备信息react-native-device-info

GitHub 地址：https://github.com/rebeccahughes/react-native-device-info

评价：文档比较细致，算是靠谱的组件

ListView优化替代组件react-native-sglistview

GitHub 地址：https://github.com/sghiassy/react-native-sglistview

评价：用法简单，可以减小ListView运行占用的内存

二维码识别react-native-qrcode-reader

github 地址：https://github.com/starknx/react-native-qrcode-reader

评价：比较实用的功能

手势解锁react-native-gesture-password

GitHub 地址：https://github.com/SunflowerGJ/react-native-gesture-password

评价：为App添彩的功能

GitHub 地址：https://github.com/starknx/react-native-qrcode-reader

评价： 星星比较少，项目1年未更新，谨慎使用

键盘遮挡问题解决

评价：新版RN的KeyboardAvoidingView组件可以解决这个问题

图片查看react-native-gallery

GitHub 地址：https://github.com/ldn0x7dc/react-native-gallery

评价：支持轮播和 放大查看

3D Touchreact-native-quick-actions

GitHub 地址：https://github.com/madriska/react-native-quick-actions

评价：为App添彩的功能，但不是必须的

可滑动的日历组件react-native-myCalendar

GitHub 地址：https://github.com/cqm1994617/react-native-myCalendar

评价：demo 耦合性略高

可拖拽元素react-native-gesture-recognizers

GitHub 地址：https://github.com/johanneslumpe/react-native-gesture-recognizers

评价：比较有趣的功能

下拉放大react-native-parallax-view

GitHub 地址：https://github.com/lelandrichardson/react-native-parallax-view

评价：这个功能适合带图片的详情页

简单图表react-native-chart

GitHub 地址：https://github.com/tomauty/react-native-chart

评价：比较成熟的项目，放心使用

侧滑按钮react-native-swipeout

GitHub 地址：https://github.com/dancormier/react-native-swipeout

评价：如果放在水平滚动的容器里会有BUG

抽屉功能react-native-drawer

GitHub 地址：https://github.com/root-two/react-native-drawer

评价：实际使用过，性能还不错，可放心使用

加载动画react-native-spinkit

GitHub 地址：https://github.com/maxs15/react-native-spinkit

评价：比较有趣的动画，为项目添彩

登录动画react-native-login

GitHub 地址：https://github.com/brentvatne/react-native-login

评价：动画为mp4格式

动画组件react-native-animatable

GitHub 地址：https://github.com/oblador/react-native-animatable

评价：为元素添加灵动感，比较实用

即时通讯

react-native-gifted-chat

GitHub 地址：https://github.com/FaridSafi/react-native-gifted-chat

评价：支持发送位置和图片

react-native-imUI

GitHub 地址：https://github.com/Ice-MT/react-native-imUI

评价：从项目里抽取出来的demo，UI做的挺萌，有发送语音功能

精致的输入框react-native-textinput-effects

GitHub 地址：https://github.com/halilb/react-native-textinput-effects

评价：为项目添彩的功能

表单验证react-native-gifted-form

GitHub 地址：https://github.com/FaridSafi/react-native-gifted-form

评价：比较实用，适合用在复杂的表单

UI组件库

NativeBase

github：https://github.com/GeekyAnts/NativeBase

在线文档：http://nativebase.io/docs/v0.4.6/components#anatomy

评价：组件比较多，不过设计风格一般

shoutem

团队github:https://github.com/shoutem

在线文档：http://shoutem.github.io/docs/ui-toolkit/introduction

评价：组件丰富，设计风格酷炫、团队也比较牛逼

Teaset

github:https://github.com/rilyu/teaset

评价：国人作品，组件丰富，设计风格简约，比较适宜新手实用吧

react-native-material-design

GitHub 地址：https://github.com/react-native-material-design/react-native-material-design

评价：纯js编写，没有依赖，demo用的是Android

react-native-elements

github:https://github.com/react-native-material-design/react-native-material-design

在线文档：http://react-native-material-design.github.io/

评价：ReactNative作者操刀领导的作品，值得拥有

react-native-ui-kitten

github:https://github.com/akveo/react-native-ui-kitten

在线文档：https://akveo.github.io/react-native-ui-kitten/articles/getting-started/

评价：一个酷炫简单的App组件Demo，适合新手学习

@参考：React Native 项目常用第三方组件汇总