React Native開發中常用三方元件大全
作者整理的一套常用的React Native開發中使用到的三方元件庫大全，後續也會持續更新，同學們如果發現有好用的元件但是文章中沒有列出的，也請給作者留言告知元件名稱，作者好將讀者們反饋的元件新增到文章中，以便幫助更多的RN開發者。後續持續更新的三方元件會放到文章的開頭部分，代表是新追加的元件，小夥伴們請知曉！
如果小夥伴們想學習React Native 框架的搭建以及Redux框架的學習使用，可以參考作者的開源專案OneM: github.com/guangqiang-… 記得給個 star 哦
當然也歡迎小夥伴們加入作者的React Native實戰開發QQ交流群:620792950, 開發中遇到的問題可以在群裡隨意的提問，互相交流學習。
react-native -30 (每天一個Demo，共三十個，有些demo很不錯哦)
- 拖動九宮格
- 手勢解鎖
自動管理Timer元件
此元件目前只支援ES5 語法，ES6語法請在componentWillUnmount() 中清除timer
螞蟻金服元件庫 antd-mobile
react-native-button
點選圖片放大縮小
進度元件
[圖片上傳失敗...(image-8658f8-1511425885032)]
路由元件react-native-router-flux
簡單的storage封裝
tabBar元件react-native-tab-navigator
iconFont元件
分頁元件 react-native-viewpager
導航元件 react-navigation
動畫
輪播
倒數計時
裝置資訊
react-native-device-info
檔案上傳
react-native-fileupload
圖示
圖片選擇器
react-native-image-picker
iOS KeyChain管理
react-native-keychain
滾輪選擇器
react-native-picker
[圖片上傳失敗...(image-689a68-1511950421120)]
Android 滾輪選擇器
react-native-picker-Android
可重新整理列表
react-native-refreshable-listview
可滾動標籤
react-native-scrollable-tab-view
側欄
react-native-side-menu
輪播
react-native-swiper
音視訊播放
react-native-video
分頁瀏覽
react-native-viewpager
可滑動的底部或上部導航欄框架
react-native-scrollable-tab-view
底部或上部導航框架(不可滑動)
react-native-tab-navigator
CheckBox
react-native-check-box
啟動白屏問題
react-native-splash-screen
簡易路由跳轉框架
react-native-simple-router
持久化儲存
react-native-storage
分類ListView
react-native-sortable-listview
將 HTML 目錄作為本地檢視的控制元件，其風格可以定製
react-native-htmlview
Toast
react-native-easy-toast
material元件庫（各種漂亮的小元件）
base元件庫（各種封裝不錯的小元件）
nativebase.io/docs/v0.4.6… github.com/GeekyAnts/N…
按鈕
github.com/mastermoo/r… github.com/ide/react-n…
輸入框表單驗證
github.com/gcanti/tcom… github.com/FaridSafi/r… github.com/bartonhammo…
炫酷效果的 TextInput
github.com/halilb/reac… github.com/zbtang/Reac…
聊天
地圖
動畫
載入動畫
抽屜效果
側滑按鈕
github.com/dancormier/… github.com/jemise111/r…
圖表
下拉放大
可滑動的日曆元件
語言轉化和一些常用格式轉換
單選多選ListView
選擇按鈕
二維碼
製作本地庫
影音相關
安卓錄音
提示訊息的Bar
iOS原生TableView
點選彈出檢視
github.com/jeanregisse… github.com/instea/reac…
3D Touch
雙平臺相容的ActionSheet
照片牆
鍵盤遮擋問題
github.com/wix/react-n… github.com/reactnative…
本地儲存
星星
國際化
掃描二維碼
通訊錄
加密
快取管理
ListView的優化
圖片和base64互轉
安卓 iOS 白屏解決
Text跑馬燈效果
清除按鈕的輸入框
webView-bridge相關
判斷橫豎屏
獲取裝置資訊
手勢放大縮小移動
github.com/kiddkai/rea… github.com/johanneslum…
下拉-上拉-重新整理
github.com/FaridSafi/r… github.com/jsdf/react-… github.com/greatbsky/r…
下拉選擇
圖片檢視
照片選擇
github.com/marcshillin… github.com/ivpusic/rea…
圖片載入進度條
輪播檢視
github.com/race604/rea… github.com/FuYaoDe/rea… github.com/appintheair… github.com/leecade/rea…
模態檢視
github.com/maxs15/reac… github.com/brentvatne/… github.com/bodyflex/re…
毛玻璃效果
頭像庫
滑動選項卡
檔案上傳
動畫
圖示
圖片選擇器（可多選）
滾輪選擇器
下拉重新整理listview
[圖片上傳失敗...(image-86b334-1511425885032)]
可滾動Tab
側欄
圖片輪播
CheckBox
Toast
各種漂亮的小元件
base元件庫
按鈕
炫酷效果的 TextInput
github.com/halilb/reac… github.com/zbtang/Reac…
聊天
百度地圖
github.com/lovebing/re… www.jianshu.com/p/eceb7e66f…
載入動畫
側滑按鈕
github.com/dancormier/… github.com/jemise111/r…
圖表
下拉放大
[圖片上傳失敗...(image-9dccb8-1511425885033)]
可滑動的日曆元件
提示訊息的Bar
點選彈出檢視
3D Touch
雙平臺相容的ActionSheet
圖片載入進度條
模態檢視
github.com/maxs15/reac… github.com/bodyflex/re…
毛玻璃效果
按鈕特效
摺疊動畫
方塊滾動輪播圖
下拉選項元件
提示氣泡toast
From表單
線性漸變顏色
app 引導頁
手勢解鎖密碼
瀑布流列表
摺疊列表
通訊錄
多級選單
tip提示框
pdf檔案上傳
link.jianshu.com/?t=https://… github.com/christopher…
上傳doc文件
列表滑動刪除
IM聊天介面
更多文章
- 作者React Native開源專案OneM【500+ star】地址(按照企業開發標準搭建框架完成開發的)：github.com/guangqiang-…：歡迎小夥伴們 star
- 作者簡書主頁：包含60多篇RN開發相關的技術文章www.jianshu.com/u/023338566… 歡迎小夥伴們：多多關注，多多點贊
- 作者React Native QQ技術交流群：620792950 歡迎小夥伴進群交流學習
- 友情提示：在開發中有遇到RN相關的技術問題，歡迎小夥伴加入交流群（620792950），在群裡提問、互相交流學習。交流群也定期更新最新的RN學習資料給大家，謝謝大家支援！
小夥伴們掃下方二維碼加入RN技術交流QQ群
