react native 常用的第三方工具包

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