RN--插件匯總

第三方路由插件

react-native-router-flux

react-native-scrollable-tab-view 選項卡

測滑動菜單

react-native-ezsidemenu

react-native-side-menu


react-native-table-component? ?talbe插件

基于react-navigation組件的自定義 head?視圖

react-native-carousel?輪播圖

react-native-countdown?倒計時

react-native-device-info?設備信息

react-native-fileupload?文件上傳

react-native-icons?圖標

react-native-image-picker?圖片選擇器

react-native-keychain iOSKeyChain管理

react-native-picker?滾輪選擇器

react-native-picker-Android?安卓滾輪選擇器

react-native-refreshable-listview?可刷新列表

react-native-scrollable-tab-view?可滾動標簽

react-native-side-menu?側(cè)邊欄

react-native-swiper?輪播

react-native-video?視頻播放

react-native-viewpager?分頁瀏覽

react-native-scrollable-tab-view?可滑動的底部或上部導航欄框架

react-native-tab-navigator?底部或上部導航框架(不可滑動)

react-native-check-box CheckBox

react-native-splash-screen?啟動白屏問題

react-native-simple-router?簡易路由跳轉(zhuǎn)框架

react-native-storage?持久化存儲

react-native-sortable-listview?分類ListView

react-native-htmlview?將 HTML?目錄作為本地視圖的控件,其風格可以定制

react-native-easy-toast?一款簡單易用的 Toast?組件


react-native-linear-gradient 顏色漸變處理

react-native-login? 視頻界面登錄

react-native-keyboard-aware-scroll-view 鍵盤顯示處理

react-native-popup-dialog 彈窗

react-native-dropdownalert 一種非常漂亮的alert彈窗方式,從狀態(tài)欄往下彈窗;

react-native-simple-radio-button 單選按鈕;

react-native-swiper

react-native-macos macos桌面應用

react-native-wechat 集成微信相關SDK

react-native-modalbox? 模態(tài)彈窗

react-native-touch-id 指紋登錄

react-native-prompt 可輸入文字的彈窗

react-native-sqlite-storage sqlite數(shù)據(jù)庫存儲

react-native-permissions 權(quán)限檢查

react-native-progress-hud loading圈

react-native-snackbar 類似toast的彈窗模式

react-native-qrcode-svg 二維碼生產(chǎn)工具

native-base UI組件

react-native-busy-indicator loading圈

react-native-fit-image 圖片展示優(yōu)化

react-native-timer 定時器管理

react-native-scrollable-tab-view 可以左右滑動的tab

react-native-zip-archive 解壓工具

react-native-xml2js

react-native-spinkit 好看的loading圈

react-native-interactable 有很強交互效果的table視圖

react-native-pull-to-refresh 下拉刷新效果

react-native-deck-swiper 不錯的swiper效果

react-native-prefix-picker select效果

react-native-gesture-helper 手勢 向上還是向下 還是向左

react-native-drawer-layout 抽屜效果

react-native-sortable-listview 可拖拽排序的列表視圖

react-native-progress 進度條 長方形 圓形

react-native-splash-screen 啟動屏處理

react-native-masked-text 指定格式的輸入框

react-native-keyboard-manager 針對IOS 鍵盤遮擋的問題 俺可以這么用android:windowSoftInputMode="adjustResize"

react-native-beacons-manager 藍牙處理

react-native-fetch-blob? 文件獲取

react-native-popup-menu 彈出菜單

react-native-pathjs-charts 圖表

react-native-dates 日歷日期選擇工具

react-native-calendar-strip 一種簡單的日歷處理

react-native-simple-markdown 簡單的markdown文本編輯器

react-native-image-progress 進度條

react-native-img-cache 圖片緩存技術(shù)

rn-placeholder 在展示具體的文字和圖片之前有個加載樣式處理

react-native-pie-chart 餅狀圖

react-native-maps 地圖

react-native-loading-overlay loading圈加載遮罩



路由? ? ? react-navigation


底部Tab?? react-native-tab-navigator


啟動頁? react-native-splash-screen


滑動/輪播 react-native-swiper(安卓下不能垂直滾動)@nart/react-native-swiper(這個可以垂直滾動)


特別輪播圖: react-native-snap-carousel?


模態(tài)窗口:https://github.com/react-native-community/react-native-modal


顯示HTML代碼? react-native-render-html


圖標? react-native-vector-icons(react-native link react-native-vector-icons) material-community, zocial, font-awesome, octicon, ionicon, foundation, evilicon, simple-line-icon, feather or entypo


動畫? react-native-animatable


Tab選項卡 react-native-scrollable-tab-view

https://github.com/happypancake/react-native-scrollable-tab-view



簽名插件:react-native-signature-capture


大圖查看? react-native-image-zoom-viewer


微信(分享、支付等功能): https://github.com/yorkie/react-native-wechat


支付寶: https://github.com/huangzuizui/rn-alipay


文件下載:react-native-fs(react-native link后需要在android/app/build.gradle文件的dependencies加上compile project(':react-native-fs'))


數(shù)據(jù)存儲: react-native-simple-store(當然選簡單的咯)react-native-storage(復雜點)


圖片和base64互轉(zhuǎn)? https://github.com/xfumihiro/react-native-image-to-base64


進度條:react-native-progress


自定義下拉刷新樣式(ListView):react-native-pull


Toast組件 react-native-easy-toast?


毛玻璃效果(圖片模糊)? react-native-blur


Input被鍵盤遮擋:react-native-input-scroll-view、react-native-keyboard-aware-scroll-view


下拉放大

react-native-parallax-view

react-native-parallax-scroll-view(這個貌似只有IOS有效?)



分享:react-native-share?【QQ】【QQ空間】【微信】【朋友圈】【微博】【FaceBook】 http://www.lcode.org/react-native-third-share/


底部確認卡? react-native-actionsheet


底部滾輪選擇器https://github.com/beefe/react-native-picker?


側(cè)滑出現(xiàn)按鈕? react-native-swipeout


全屏正在加載組件? react-native-whc-loading


加載動畫? react-native-spinkit


相機/相冊選擇圖片

https://github.com/marcshilling/react-native-image-picker

https://github.com/ivpusic/react-native-image-crop-picker


圖表? react-native-charts-wrapper


百度地圖react-native-baidu-map(源碼報錯) / https://github.com/qiuxiang/react-native-baidumap-sdk(這個在IOS下有點點BUG,可以忽略)


頂部消息? react-native-message-bar


日歷組件react-native-myCalendar?、 react-native-calendars


聊天組件? react-native-gifted-chat


拋物線組件? react-native-parabolic


視頻播放? react-native-video


掃描二維碼??

react-native-barcode-scanner-universal?安卓/IOS

react-native-barcodescanner?安卓

react-native-camera IOS


星星評分https://github.com/djchie/react-native-star-rating(elements框架里有了)


加密? https://www.npmjs.com/package/crypto-js


Text跑馬燈效果? https://github.com/remobile/react-native-marquee-label


側(cè)欄?? react-native-side-menu


線性漸變? react-native-linear-gradient


獲取設備信息? react-native-device-info


倒計時組件? react-native-CountDowntimer


照片墻? react-native-gallery


A-Z分組列表? react-native-alphabetlistview


文本超鏈接組件? react-native-hyperlink

側(cè)滑出現(xiàn)按鈕? react-native-swipeout


第二部分


選項卡https://github.com/exponentjs/react-native-tab-navigator

material組件庫

https://github.com/xinthink/react-native-material-kit

base組件庫

http://nativebase.io/docs/v0.4.6/components#anatomy

https://github.com/GeekyAnts/NativeBase

按鈕

https://github.com/mastermoo/react-native-action-button

https://github.com/ide/react-native-button

表單驗證

https://github.com/gcanti/tcomb-form-native

https://github.com/FaridSafi/react-native-gifted-form

https://github.com/bartonhammond/snowflake

帶動畫效果的TextInput

https://github.com/halilb/react-native-textinput-effects

https://github.com/zbtang/React-Native-TextInputLayout

聊天

https://github.com/FaridSafi/react-native-gifted-chat

藍牙通信

http://blog.csdn.net/withings/article/details/71378562

谷歌地圖

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

高德地圖

https://github.com/Eleme-IMF/dodo

時間軸,快遞流程圖效果

https://github.com/24ark/react-native-step-indicator

https://github.com/thegamenicorus/react-native-timeline-listview

動畫效果

https://github.com/oblador/react-native-animatable

加載Loading動畫

https://github.com/maxs15/react-native-spinkit

抽屜效果

https://github.com/root-two/react-native-drawer

https://github.com/react-native-fellowship/react-native-side-menu

側(cè)滑按鈕

https://github.com/dancormier/react-native-swipeout

https://github.com/jemise111/react-native-swipe-list-view

圖表/制圖

https://github.com/tomauty/react-native-chart

股票金融

https://github.com/7kfpun/FinanceReactNative

時間組件

https://github.com/xgfe/react-native-datepicker

日歷組件

https://github.com/wix/react-native-calendars

電子簽名

https://github.com/jgrancher/react-native-sketch

下拉放大(回彈效果)

https://github.com/lelandrichardson/react-native-parallax-view

日歷組件

https://github.com/cqm1994617/react-native-myCalendar

https://github.com/vczero/react-native-calendar

多語言

https://github.com/joshswan/react-native-globalize

單選/多選組件

https://github.com/hinet/react-native-checkboxlist

二維碼

https://github.com/ideacreation/react-native-barcodescanner

制作本地庫

https://github.com/frostney/react-native-create-library

影音相關

https://github.com/MisterAlex95/react-native-record-sound

提示消息(橫條Bar)

https://github.com/KBLNY/react-native-message-bar

iOS原生TableView

https://github.com/aksonov/react-native-tableview

點擊彈出視圖

https://github.com/jeanregisser/react-native-popover

https://github.com/instea/react-native-popup-menu

3D Touch

https://github.com/madriska/react-native-quick-actions

雙平臺兼容的ActionSheet

https://github.com/beefe/react-native-actionsheet

照片墻

https://github.com/ldn0x7dc/react-native-gallery

鍵盤遮擋問題

https://github.com/reactnativecn/react-native-inputscrollview

https://github.com/wix/react-native-keyboard-aware-scrollview

本地存儲

https://github.com/sunnylqm/react-native-storage

小星星評分(動畫效果)

https://github.com/djchie/react-native-star-rating

掃描二維碼

https://github.com/lazaronixon/react-native-qrcode-reader

通訊錄

https://github.com/rt2zz/react-native-contacts

加密

https://www.npmjs.com/package/crypto-js

清除緩存

https://github.com/reactnativecn/react-native-http-cache

ListView的優(yōu)化

https://github.com/sghiassy/react-native-sglistview

圖片base64轉(zhuǎn)碼

https://github.com/xfumihiro/react-native-image-to-base64

白屏問題

https://github.com/mehcode/rn-splash-screen

Text跑馬燈效果

https://github.com/remobile/react-native-marquee-label

WebView相關

https://github.com/alinz/react-native-webview-bridge

判斷橫豎屏

https://github.com/yamill/react-native-orientation

PDF

https://github.com/cnjon/react-native-pdf-view

獲取設備信息

https://github.com/rebeccahughes/react-native-device-info

手勢放大/縮小/移動

https://github.com/kiddkai/react-native-gestures

https://github.com/johanneslumpe/react-native-gesture-recognizers

上拉-刷新/下拉-加載

https://github.com/FaridSafi/react-native-gifted-listview

https://github.com/jsdf/react-native-refreshable-listview

https://github.com/greatbsky/react-native-pull/wiki

下拉選

https://github.com/alinz/react-native-dropdown

圖片查看

https://github.com/oblador/react-native-lightbox

照片選擇

https://github.com/marcshilling/react-native-image-picker

https://github.com/ivpusic/react-native-image-crop-picker

圖片加載進度條

https://github.com/oblador/react-native-image-progress

輪播視圖

https://github.com/race604/react-native-viewpager

https://github.com/FuYaoDe/react-native-app-intro

https://github.com/appintheair/react-native-looped-carousel

https://github.com/leecade/react-native-swiper

模態(tài)視圖

https://github.com/maxs15/react-native-modalbox

https://github.com/brentvatne/react-native-modal

https://github.com/bodyflex/react-native-simple-modal

毛玻璃效果

https://github.com/react-native-fellowship/react-native-blur

HTML?相關

https://github.com/jsdf/react-native-htmlview

推薦一款最近用到的日歷組件(iOS android?兩端通用)———–2018-01-25

日歷組件

https://github.com/xgfe/react-native-datepicker

下拉選組件(ios,android?兩端通用)———2018-01-25

Picker組件

https://github.com/beefe/react-native-picker

短信倒計時(支持后臺持續(xù)計時)?——2018-04-09

https://github.com/kkkelicheng/ReactNative-CountDownButton

?

轉(zhuǎn)自:?https://www.cnblogs.com/bruce-gou/p/10030625.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。