-
React-Native-Elements 一組開發RN的UI工具包(強烈推薦) 🔥🔥🔥🔥🔥css
-
react-native-calendars 🔥🔥🔥🔥 優秀的日曆控件html
-
apsl-react-native-button 定義了一個Button支持用Style來配置 🔥🔥react
-
react-native-action-button 支持多種點擊事件的Button控件 🔥🔥android
-
react-native-button 另外一個Button組件 🔥🔥ios
-
ex-navigator 封裝Navigator,以Route爲中心的Navigator 🔥🔥git
-
gl-react-native React Native中使用OPENGL來實現複雜的圖片和components渲染 🔥🔥🔥github
-
react-native-activity-view iOS上的分享和action sheets組件 🔥🔥web
-
react-native-app-intro 引導頁 🔥🔥npm
-
react-native-blur 添加模糊或者毛玻璃效果 🔥🔥🔥react-native
-
react-native-chart 繪圖(折線圖,柱狀圖,扇形圖) 🔥🔥🔥
-
react-native-circular-progress 圓形的顯示進度的視圖 🔥
-
react-native-collapsible 可摺疊的component 🔥
-
React Native Drawer 抽屜效果,可 用來實現側拉菜單 🔥🔥🔥
-
react-native-dropdown下拉菜單 🔥
-
ReactNativeEffectsView 封裝了iOS 8上的UIVisualEffectViews,在React Native中實現毛玻璃效果 🔥
-
react-native-gesture-password 手勢解鎖,支持iOS和Android 🔥
-
react-native-gifted-form 在React Native中方便的使用表格 🔥🔥
-
react-native-gifted-listview 下拉刷新和上拉加載的ListView 🔥🔥
-
react-native-gifted-messenger 方便的實現聊天UI 🔥🔥🔥🔥
-
react-native-grid-view 網格視圖,相似iOS中的UICollectionView 🔥
-
react-native-image-picker 用Native UI來選擇圖片或者拍照 🔥🔥🔥
-
react-native-keyboard-spacer 適用於iOS的根據鍵盤自動調整輸入框 🔥🔥
-
react-native-keyboardevents 監聽鍵盤顯示/隱藏 🔥
-
react-native-lightbox 圖片全屏預覽 🔥🔥🔥
-
react-native-looped-carousel 視圖輪播 🔥🔥
-
react-native-mapbox-gl 地圖 🔥🔥
-
react-native-maps 地圖 🔥🔥🔥🔥
-
react-native-material-design material design 🔥🔥🔥
-
react-native-material-kit 一組UI Components,爲了介紹 Material Design 🔥🔥🔥🔥
-
react-native-modalbox 用於模態顯示的Component 🔥🔥
-
react-native-orientation 監聽設備旋轉 🔥
-
react-native-parallax parallax效果 🔥
-
react-native-parallax-scroll-view 視差滾動效果的ScrollView,支持固定header
-
react-native-picker 選擇器,可用於實現時間選擇,區域選擇 🔥
-
react-native-popover 彈出氣泡框的Component 🔥
-
react-native-progress-hud ProgressHUD 🔥
-
react-native-refresher 支持下拉刷新的listview 🔥🔥
-
react-native-router相似Navigator的導航控制器 🔥🔥🔥🔥
-
react-native-scrollable-tab-view 支持左右滾動的來切換tab的tableview 🔥🔥🔥🔥
-
react-native-controllers 封裝了 原生的iOS 導航欄,tabbar,抽屜效果等。 🔥🔥
-
react-native-search-bar 封裝iOS原生UISearchBar 🔥🔥
-
react-native-spinkit 一組Activity指示器 🔥🔥
-
react-native-splashscreen App載入視圖,啓動後自動隱藏 🔥
-
react-native-svgkit 顯示SVG格式圖片 🔥🔥
-
react-native-swipeout 相似TableViewCell的左滑刪除,支持Component滑動 🔥🔥🔥
-
react-native-swiper <font color="orange">視圖輪播,上下/左右滑動組件,相似UICollectionView</font> 🔥🔥🔥🔥
-
react-native-tableview 封裝iOS原生UITableview
-
react-native-vector-icons <font color="orange">3000+支持自定義的圖標</font> 🔥🔥🔥🔥
-
react-native-sglistview 爲了解決React Native中ListView的內存問題 🔥
-
react-native-invertible-scroll-view 逆向的ScrollView,從底部開始佈局,適用於聊天等向上滑動來加載更多的狀況 🔥
-
react-native-viewpager 視圖輪播,支持循環滾動,自定義視圖。已作性能優化 🔥🔥🔥
-
react-native-tab-navigator TabBar切換視圖 🔥🔥
-
react-native-loading-spinner-overlay 加載中的提示spinner 🔥,支持iOS/Android
-
react-native-color-picker iOS/Android通用的顏色選擇器
-
react-native-pathjs-charts - 基於react-native-svg 和 paths-js寫的iOS,Android通用的繪圖庫 🔥
-
react-native-gl-model-view - 顯示/動畫 Wavefront,.OBJ等3D對象(iOS)
-
[react-native-message-bar]((https://github.com/KBLNY/react-native-message-bar) 在屏幕底部/頂部展現通知
-
react-native-fast-image 高性能的圖片組件
-
react-native-search-box 純JS寫的相似iOS SearchBar的組件
-
react-native-splash-screen A splash screen for react-native, hide when application loaded ,it works on iOS and Android. 🔥🔥🔥🔥
-
rn-placeholder 🔥 空數據的站位符,很適合用來作列表站位
-
react-native-css 用CSS的方式對Component進行Style 🔥🔥
-
react-native-extended-stylesheet 對stylesheet進行擴展 🔥🔥
-
react-native-icons 圖標
-
react-native-scrollable-tab-view 可滾動標籤
-
react-native-side-menu 側欄
-
react-native-check-box CheckBox
-
react-native-easy-toast 一款簡單易用的 Toast 組件,支持 Android&iOS.
-
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 -
炫酷效果的 TextInput
https://github.com/halilb/react-native-textinput-effects
https://github.com/zbtang/React-Native-TextInputLayout -
抽屜效果
https://github.com/root-two/react-native-drawer
https://github.com/react-native-fellowship/react-native-side-menu -
側滑按鈕
https://github.com/dancormier/react-native-swipeout
https://github.com/jemise111/react-native-swipe-list-view -
下拉放大
https://github.com/lelandrichardson/react-native-parallax-view -
可滑動的日曆組件
https://github.com/cqm1994617/react-native-myCalendar -
Text跑馬燈效果
https://github.com/remobile/react-native-marquee-label
- 輪播視圖
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
-
毛玻璃效果
https://github.com/react-native-fellowship/react-native-blur -
滑動能夠收回頭部動畫的列表
react-native-parallax-scroll-view
- 照片選擇
https://github.com/marcshilling/react-native-image-picker
https://github.com/ivpusic/react-native-image-crop-picker
-
模態視圖
https://github.com/maxs15/react-native-modalbox
https://github.com/brentvatne/react-native-modal
https://github.com/bodyflex/react-native-simple-modal -
按鈕特效 react-native-circle-button▼
項目名稱:react-native-circle-button功能介紹:能夠支持雙平臺的原型菜單按鈕,做者靈感來源於國外設計網站dribbble,雖然可能項目用到的可能性比較小,可是能夠看下實現過程。倉庫地址:https://github.com/dwicao/react-native-circle-button -
酷炫摺疊動畫 react-native-foldview▼
項目名稱:react-native-foldview功能介紹:純 JS 代碼編寫的,一個帶摺疊動畫的列表項 UI 組件,可用在滾動列表中,展現列表詳情之類的,動畫效果也不錯。倉庫地址:https://github.com/jmurzy/react-native-foldview -
這個是一個下拉選項組件
A react-native dropdown/picker/selector component for both Android & iOS. -
國人作的,貌似不錯,支持個。
react-native-modal-dropdown
cnblog的中文解釋 -
一個比較美麗的提示氣泡toast
react-native-root-toast -
圖片上拉放大:https://github.com/lelandrichardson/react-native-parallax-view
-
npm install react-native-gifted-form --save
react-native-gifted-form -
顏色漸變
npm install react-native-linear-gradient --save
react-native-linear-gradient
-
npm i react-native-app-intro --save
react-native-app-intro -
一個下拉打開頁面,用在選項裏面賊好用
react-native-accordion -
作通信錄想必各位同窗多多少少都要接觸吧?這個好用
react-native-alphabetlistview -
老闆要是讓你加自動填充怎麼辦?這邊有
react-native-alphabetlistview
調用系統打電話、發短信、發郵件、打開網址功能
https://github.com/anarchicknight/react-native-communications
快速檢索列表(按首字母)
https://github.com/johanneslumpe/react-native-selectablesectionlistview
圖表組件
https://github.com/tomauty/react-native-chart
動畫組件
https://github.com/oblador/react-native-animatable
熱更新
https://github.com/Microsoft/react-native-code-push
熱更新(彷佛更好)
https://github.com/aerofs/react-native-auto-updater
熱更新(中國人寫的)
https://github.com/fengjundev/React-Native-Remote-Update
列表下拉刷新
https://github.com/syrusakbary/react-native-refresher
下拉刷新和加載更多
https://github.com/FaridSafi/react-native-gifted-listview
左側菜單與官方的DrawerLayoutAndroid 用法相同,兼容iOS
https://github.com/iodine/react-native-drawer-layout
條碼掃描
https://github.com/ideacreation/react-native-barcodescanner
文件上傳
https://github.com/kamilkp/react-native-file-transfer
支持Android和ios的toast
https://github.com/remobile/react-native-toast
獲取設備各種信息
https://github.com/rebeccahughes/react-native-device-info
WebStorm ReactNative的代碼模板插件,包括:
1.組件名稱2.Api 名稱3.全部StyleSheets屬性4.組件屬性
https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
React-native調用cordova插件
https://github.com/axemclion/react-native-cordova-plugin
輸入自動完成
https://github.com/FaridSafi/react-native-google-places-autocomplete
抖一抖動畫小組件(有點意思)
https://github.com/slavik0329/react-native-bounceable
封裝後動畫組件(效果較豐富)
https://github.com/oblador/react-native-animatable
文件上傳
https://github.com/aroth/react-native-uploader
jpush-react-native //官方版本
https://github.com/jpush/jpush-react-native
react-native-jpush 由 React Native 中文網開發維護。
https://github.com/reactnativecn/react-native-jpush
選項卡 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
地圖
https://github.com/lelandrichardson/react-native-maps
動畫
https://github.com/oblador/react-native-animatable
加載動畫
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
側滑按鈕
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/lelandrichardson/react-native-parallax-view
可滑動的日曆組件
https://github.com/cqm1994617/react-native-myCalendar
語言轉化和一些經常使用格式轉換
https://github.com/joshswan/react-native-globalize
單選多選ListView
https://github.com/hinet/react-native-checkboxlist
選擇按鈕
https://github.com/sconxu/react-native-checkbox
二維碼
https://github.com/ideacreation/react-native-barcodescanner
製做本地庫
https://github.com/frostney/react-native-create-library
影音相關
https://github.com/MisterAlex95/react-native-record-sound
安卓錄音
https://github.com/bosung90/react-native-audio-android
提示消息的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/joshswan/react-native-globalize
掃描二維碼
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的優化
https://github.com/sghiassy/react-native-sglistview
圖片和base64互轉
https://github.com/xfumihiro/react-native-image-to-base64
安卓 iOS 白屏解決
https://github.com/mehcode/rn-splash-screen
Text跑馬燈效果
https://github.com/remobile/react-native-marquee-label
清除按鈕的輸入框
https://github.com/beefe/react-native-textinput
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/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
模態視圖
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
頭像庫
https://github.com/oblador/react-native-vector-icons
滑動選項卡
https://github.com/skv-headless/react-native-scrollable-tab-view
倒計時,電商APP,秒殺、團購倒計時
https://github.com/jackuhan/react-native-CountDowntimer
可滾動標籤,能夠點擊切換,每一個 tab 能夠有本身的 ScrollView,點擊切換的時候能夠維護本身的滾動方向。
相似網易新聞標籤(首頁)
https://www.npmjs.com/package/react-native-scrollable-tab-view
視頻播放
npm install react-native-video –save
一款簡單易用的 Toast 組件,支持 android&iOS.
https://github.com/crazycodeboy/react-native-easy-toast?utm_source=tuicool&utm_medium=referral
參考
https://blog.csdn.net/Keep_Moving31038/article/details/77693737
https://www.jianshu.com/p/c7a8f115dca0