写在前面
一个好的App缺不了好的三方支持,生活在ReactNative这个活跃的开源社区,寻找合适的三方组件是一个开发者最基本的能力。不过不积跬步,无以至千里,不积小流,无以成江海。下面分享几个我收集的三方模块,希望对大家有点帮助。
github地址:https://github.com/aroth/react-native-uploader
评价:支持多图上传和上传进度显示,demo比较粗糙。项目已经停止更新 4个月
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组件可以解决这个问题
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
评价:这个功能适合带图片的详情页
GitHub 地址:https://github.com/tomauty/react-native-chart
评价:比较成熟的项目,放心使用
GitHub 地址:https://github.com/dancormier/react-native-swipeout
评价:如果放在水平滚动的容器里会有BUG
GitHub 地址:https://github.com/root-two/react-native-drawer
评价:实际使用过,性能还不错,可放心使用
GitHub 地址:https://github.com/maxs15/react-native-spinkit
评价:比较有趣的动画,为项目添彩
GitHub 地址:https://github.com/brentvatne/react-native-login
评价:动画为mp4格式
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
评价:为项目添彩的功能
GitHub 地址:https://github.com/FaridSafi/react-native-gifted-form
评价:比较实用,适合用在复杂的表单
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,适合新手学习