React Native 第三方组件之--工具类
-
react-native-mock 一个为ReactNative提供的测试框架 🔥🔥
-
react-native-google-analytics google统计分析 🔥
-
react-native-fabric 统计分析,崩溃分析等 🔥🔥
-
react-native-macos 为mac OS服务的React Native
-
react-native-wechat 调用微信相关,比如分享,登录,支付 🔥🔥
-
reactotron 在终端检测React Dom和Reactive App 🔥🔥🔥
-
react-native-windows Windows平台的RN工具 🔥🔥🔥
-
react-native-webpack-server 用Webpack来编译React Native App
-
aws-sdk-react-native AWS的官方SDK 🔥🔥
-
react-native-carousel 轮播
-
react-native-countdown 倒计时
-
react-native-fileupload 文件上传
-
react-native-image-picker 图片选择器
- react-native-keychain iOS KeyChain管理
- react-native-picker滚轮选择器
- react-native-picker-Android Android 滚轮选择器
-
react-native-refreshable-listview 可刷新列表
-
react-native-swiper 轮播
-
react-native-viewpager 分页浏览
- react-native-scrollable-tab-view 可滑动的底部或上部导航栏框架
-
react-native-tab-navigator 底部或上部导航框架(不可滑动)
-
react-native-simple-router 简易路由跳转框架
-
react-native-sortable-listview 分类ListView
-
选项卡 https://github.com/exponentjs/react-native-tab-navigator
-
输入框表单验证
https://github.com/gcanti/tcomb-form-native
https://github.com/FaridSafi/react-native-gifted-form
https://github.com/bartonhammond/snowflake
-
语言转化和一些常用格式转换
https://github.com/joshswan/react-native-globalize
-
单选多选ListView
https://github.com/hinet/react-native-checkboxlist -
二维码
https://github.com/ideacreation/react-native-barcodescanner
-
制作本地库
https://github.com/frostney/react-native-create-library -
iOS原生TableView
https://github.com/aksonov/react-native-tableview
- 点击弹出视图
https://github.com/jeanregisser/react-native-popover
https://github.com/instea/react-native-popup-menu
- 双平台兼容的ActionSheet
https://github.com/beefe/react-native-actionsheet
- 键盘遮挡问题
https://github.com/reactnativecn/react-native-inputscrollview
https://github.com/wix/react-native-keyboard-aware-scrollview
-
图片和base64互转
https://github.com/xfumihiro/react-native-image-to-base64 -
手势放大缩小移动
https://github.com/kiddkai/react-native-gestures
https://github.com/johanneslumpe/react-native-gesture-recognizers -
下拉-上拉-刷新
https://github.com/FaridSafi/react-native-gifted-listview
https://github.com/jsdf/react-native-refreshable-listview
https://github.com/greatbsky/react-native-pull/wiki -
https://github.com/react-native-community/react-native-side-menu 侧栏
-
https://github.com/crazycodeboy/react-native-check-box CheckBox
-
https://github.com/crazycodeboy/react-native-easy-toast Toast 组件
-
https://github.com/lovebing/react-native-baidu-map 百度地图
(集成百度地图详细教程:http://www.jianshu.com/p/eceb7e66fa5e) -
https://github.com/jemise111/react-native-swipe-list-view 侧滑按钮
-
https://github.com/wuxudong/react-native-charts-wrapper 图表(功能炒鸡强大)
-
https://github.com/lelandrichardson/react-native-parallax-view 下拉放大
-
一个文本语音播放组件:
使用手机系统自带的tts功能合成语音的组件,可将输入的文本转为语音播放。
https://github.com/somonus/react-native-speech文本语音播放组件
可以是一个字符串或者一个对象,当是一个字符串时,则默认以中文播放当前字符串。如果是一个对象,则根据对象的key进行播放。对象包含的key有:
text: 需要播放的文本内容
language: 需要以哪种语言播放 -
微信及朋友圈分享,微信支付: https://github.com/yorkie/react-native-wechat
-
倒计时:https://github.com/kkkelicheng/ReactNative-CountDownButton
优点: 不会因为进入后台而停止读秒
支持同个页面再次进入时,智能的判断读秒时间,显示是否继续计时 -
react-navigation的使用和变更:
使用介绍: http://www.jianshu.com/p/2f575cc35780
demo: https://github.com/pheromone/navigationDemo
在使用react-navigation中遇到几个难点:
1.跳至相应路由(如返回首页功能). http://www.jianshu.com/p/2f575cc35780
2.防止点击过快,跳界面两次. https://github.com/react-community/react-navigation/pull/1348/files
3.static中使用this. http://www.jianshu.com/p/2f575cc35780
-
增加几个pdf的组件,具体用法请根据自身项目考虑
react-native-pdf
react-native-doc-viewer
react-native-html-to-pdf -
largelist
这是一个尤其在数据多的时候比flatList性能好的列表组件 -
react-native-view-shot
屏幕截屏组件