React-Native常用的几个基本类库

Flex可视化在线工具

http://the-echoplex.net/flexyboxes/?fixed-height=on&legacy=on&display=flex&flex-direction=row&flex-wrap=nowrap&justify-content=flex-start&align-items=flex-start&align-content=stretch&order%5B%5D=0&flex-grow%5B%5D=0&flex-shrink%5B%5D=0&flex-basis%5B%5D=auto&align-self%5B%5D=center&order%5B%5D=0&flex-grow%5B%5D=0&flex-shrink%5B%5D=0&flex-basis%5B%5D=auto&align-self%5B%5D=stretch

引导页

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