React Native經常使用三方組件庫大全

React Native開發中經常使用三方組件大全

做者整理的一套經常使用的React Native開發中使用到的三方組件庫大全，後續也會持續更新，同窗們若是發現有好用的組件可是文章中沒有列出的，也請給做者留言告知組件名稱，做者好將讀者們反饋的組件添加到文章中，以便幫助更多的RN開發者。後續持續更新的三方組件會放到文章的開頭部分，表明是新追加的組件，小夥伴們請知曉！

若是小夥伴們想學習React Native 框架的搭建以及Redux框架的學習使用，能夠參考做者的開源項目OneM: github.com/guangqiang-… 記得給個 star 哦

固然也歡迎小夥伴們加入做者的React Native實戰開發QQ交流羣:620792950, 開發中遇到的問題能夠在羣裏隨意的提問，互相交流學習。

react-native -30 (天天一個Demo，共三十個，有些demo很不錯哦)

github.com/fangwei716/…

• 拖動九宮格

• 手勢解鎖

  

自動管理Timer組件

此組件目前只支持ES5 語法，ES6語法請在componentWillUnmount() 中清除timer

github.com/reactjs/rea…

螞蟻金服組件庫 antd-mobile

github.com/ant-design/…

react-native-button

github.com/ide/react-n…

點擊圖片放大縮小

github.com/ascoders/re…

進度組件

github.com/oblador/rea…

[圖片上傳失敗...(image-8658f8-1511425885032)]

路由組件react-native-router-flux

github.com/aksonov/rea…

簡單的storage封裝

github.com/jasonmerino…

tabBar組件react-native-tab-navigator

github.com/happypancak…

iconFont組件

github.com/oblador/rea…

分頁組件 react-native-viewpager

github.com/race604/rea…

導航組件 react-navigation

github.com/react-commu…

動畫

github.com/oblador/rea…

輪播

github.com/nick/react-…

倒計時

github.com/buhe/react-…

設備信息

react-native-device-info

github.com/rebeccahugh…

文件上傳

react-native-fileupload

github.com/PhilippKron…

圖標

github.com/corymsmith/…

github.com/oblador/rea…

圖片選擇器

react-native-image-picker

github.com/react-commu…

iOS KeyChain管理

react-native-keychain

github.com/oblador/rea…

滾輪選擇器

react-native-picker

github.com/beefe/react…

[圖片上傳失敗...(image-689a68-1511950421120)]

Android 滾輪選擇器

react-native-picker-Android

github.com/beefe/react…

可刷新列表

react-native-refreshable-listview

github.com/jsdf/react-…

可滾動標籤

react-native-scrollable-tab-view

github.com/skv-headles…

側欄

react-native-side-menu

github.com/react-nativ…

輪播

react-native-swiper

github.com/leecade/rea…

音視頻播放

react-native-video

github.com/react-nativ…

分頁瀏覽

react-native-viewpager

github.com/race604/rea…

可滑動的底部或上部導航欄框架

react-native-scrollable-tab-view

github.com/skv-headles…

底部或上部導航框架(不可滑動)

react-native-tab-navigator

github.com/happypancak…

CheckBox

react-native-check-box

github.com/crazycodebo…

啓動白屏問題

react-native-splash-screen

github.com/crazycodebo…

簡易路由跳轉框架

react-native-simple-router

github.com/react-nativ…

持久化存儲

react-native-storage

github.com/sunnylqm/re…

分類ListView

react-native-sortable-listview

github.com/deanmcphers…

將 HTML 目錄做爲本地視圖的控件，其風格能夠定製

react-native-htmlview

github.com/jsdf/react-…

Toast

react-native-easy-toast

github.com/crazycodebo…

material組件庫（各類漂亮的小組件）

github.com/xinthink/re…

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/FaridSafi/r…

地圖

github.com/lelandricha…

動畫

github.com/oblador/rea…

加載動畫

github.com/maxs15/reac…

抽屜效果

github.com/root-two/re…

側滑按鈕

github.com/dancormier/… github.com/jemise111/r…

圖表

github.com/tomauty/rea…

下拉放大

github.com/lelandricha…

可滑動的日曆組件

github.com/cqm1994617/…

語言轉化和一些經常使用格式轉換

github.com/joshswan/re…

單選多選ListView

github.com/hinet/react…

選擇按鈕

github.com/sconxu/reac…

二維碼

github.com/ideacreatio…

製做本地庫

github.com/frostney/re…

影音相關

github.com/MisterAlex9…

安卓錄音

github.com/bosung90/re…

提示消息的Bar

github.com/KBLNY/react…

iOS原生TableView

github.com/aksonov/rea…

點擊彈出視圖

github.com/jeanregisse… github.com/instea/reac…

3D Touch

github.com/madriska/re…

雙平臺兼容的ActionSheet

github.com/beefe/react…

照片牆

github.com/ldn0x7dc/re…

鍵盤遮擋問題

github.com/wix/react-n… github.com/reactnative…

本地存儲

github.com/sunnylqm/re…

星星

github.com/djchie/reac…

國際化

github.com/joshswan/re…

掃描二維碼

github.com/lazaronixon…

通信錄

github.com/rt2zz/react…

加密

www.npmjs.com/package/cry…

緩存管理

github.com/reactnative…

ListView的優化

github.com/sghiassy/re…

圖片和base64互轉

github.com/xfumihiro/r…

安卓 iOS 白屏解決

github.com/mehcode/rn-…

Text跑馬燈效果

github.com/remobile/re…

清除按鈕的輸入框

github.com/beefe/react…

webView-bridge相關

github.com/alinz/react…

判斷橫豎屏

github.com/yamill/reac…

PDF

github.com/cnjon/react…

獲取設備信息

github.com/rebeccahugh…

手勢放大縮小移動

github.com/kiddkai/rea… github.com/johanneslum…

下拉-上拉-刷新

github.com/FaridSafi/r… github.com/jsdf/react-… github.com/greatbsky/r…

下拉選擇

github.com/alinz/react…

圖片查看

github.com/oblador/rea…

照片選擇

github.com/marcshillin… github.com/ivpusic/rea…

圖片加載進度條

github.com/oblador/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…

毛玻璃效果

github.com/react-nativ…

頭像庫

github.com/oblador/rea…

滑動選項卡

github.com/skv-headles…

文件上傳

github.com/aroth/react…

動畫

github.com/oblador/rea…

圖標

github.com/oblador/rea…

圖片選擇器（可多選）

github.com/ivpusic/rea…

滾輪選擇器

github.com/beefe/react…

下拉刷新listview

github.com/jsdf/react-…

[圖片上傳失敗...(image-86b334-1511425885032)]

可滾動Tab

github.com/skv-headles…

側欄

github.com/react-nativ…

圖片輪播

github.com/leecade/rea…

CheckBox

github.com/crazycodebo…

Toast

github.com/crazycodebo…

各類漂亮的小組件

github.com/xinthink/re…

base組件庫

github.com/GeekyAnts/N…

按鈕

github.com/mastermoo/r…

炫酷效果的 TextInput

github.com/halilb/reac… github.com/zbtang/Reac…

聊天

github.com/FaridSafi/r…

百度地圖

github.com/lovebing/re… www.jianshu.com/p/eceb7e66f…

加載動畫

github.com/maxs15/reac…

側滑按鈕

github.com/dancormier/… github.com/jemise111/r…

圖表

github.com/wuxudong/re…

下拉放大

github.com/lelandricha…

[圖片上傳失敗...(image-9dccb8-1511425885033)]

可滑動的日曆組件

github.com/cqm1994617/…

提示消息的Bar

github.com/KBLNY/react…

點擊彈出視圖

github.com/jeanregisse…

3D Touch

github.com/madriska/re…

雙平臺兼容的ActionSheet

github.com/beefe/react…

圖片加載進度條

github.com/oblador/rea…

模態視圖

github.com/maxs15/reac… github.com/bodyflex/re…

毛玻璃效果

github.com/react-nativ…

按鈕特效

github.com/dwicao/reac…

摺疊動畫

github.com/jmurzy/reac…

方塊滾動輪播圖

github.com/archriss/re…

下拉選項組件

github.com/sohobloo/re…

提示氣泡toast

github.com/magicismigh…

From表單

github.com/FaridSafi/r…

線性漸變顏色

link.jianshu.com/?t=https://…

app 引導頁

github.com/fuyaode/rea…

手勢解鎖密碼

link.jianshu.com/?t=https://…

瀑布流列表

github.com/xudafeng/au…

摺疊列表

github.com/naoufal/rea…

通信錄

github.com/i6mi6/react…

多級菜單

github.com/vczero/reac…

tip提示框

github.com/chirag04/re…

pdf文件上傳

link.jianshu.com/?t=https://… github.com/christopher…

上傳doc文檔

github.com/philipphech…

列表滑動刪除

github.com/jemise111/r…

IM聊天界面

github.com/Ice-MT/reac…

更多文章

• 做者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羣