react native 常用的第三方工具包

来源:互联网 发布:军师联盟 知乎 编辑:程序博客网 时间:2024/05/31 18:30
react native 常用的第三方工具包

引导页
1、
https://github.com/remobile/react-native-splashscreen
2、
https://github.com/leecade/react-native-swiper


页面导航
1、
https://github.com/exponentjs/react-native-tab-navigator

2、
https://github.com/skv-headless/react-native-scrollable-tab-view

轮播图
1、
https://github.com/race604/react-native-viewpager

顶部Bar
1、
https://github.com/react-native-community/react-native-navbar

点击button
1、
https://github.com/APSL/react-native-button

侧滑出布局
1、
https://github.com/root-two/react-native-drawer
我想用点击事件来控制他的出现 而不是滑动 实在没办法 DrawerLayoutAndroid 这个组件如果能实现
panOpenMask: 0,

2、https://github.com/oblador/react-native-vector-icons

3、https://github.com/react-native-community/react-native-side-menu



弹出框
1、
https://www.npmjs.com/package/react-native-simpledialog-android
接口和AlertIOS比较类似,然后用一个特定平台实现的utils/alert.android.js 封装一下,就可以到处用了
2、
https://github.com/magicismight/react-native-root-modal

刷新页面

列表滑动删除
1、
https://github.com/dancormier/react-native-swipeout

网络相关


地图
https://github.com/lelandrichardson/react-native-maps


选择器
1、
https://github.com/beefe/react-native-picker

时间选择器
1、
https://github.com/nucleartux/react-native-date
2、
https://github.com/xgfe/react-native-datepicker
3、
https://github.com/fixt/react-native-date-time-picker


图片操作
1、https://github.com/oblador/react-native-lightbox


图表
https://github.com/joddiy/react-native-mp-android-chart


扫描二维码
1、https://github.com/ideacreation/react-native-barcodescanner


实现rn和webview交互
1、
https://github.com/alinz/react-native-webview-bridge


推送
1、友盟推送
https://github.com/liuchungui/react-native-umeng-push


热更新部署
1\
https://github.com/reactnativecn/react-native-pushy/blob/master/docs/guide.md


录音
1、
https://github.com/jsierles/react-native-audio

蓝牙
1、https://github.com/innoveit/react-native-ble-manager

视频播放
1、
https://github.com/react-native-community/react-native-video


选择文件
1、https://github.com/johanneslumpe/react-native-fs

弹出框设定
1、
https://github.com/Andr3wHur5t/react-native-keyboard-spacer


获取联系人
1、https://github.com/rt2zz/react-native-contacts
原创粉丝点击