React-Native-Elements 一組開發(fā)RN的UI工具包(強(qiáng)烈推薦) ??????????
react-native-calendars ???????? 優(yōu)秀的日歷控件
apsl-react-native-button 定義了一個(gè)Button支持用Style來配置 ????
react-native-action-button 支持多種點(diǎn)擊事件的Button控件 ????
react-native-button 另一個(gè)Button組件 ????
ex-navigator 封裝Navigator,以Route為中心的Navigator ????
gl-react-native React Native中使用OPENGL來實(shí)現(xiàn)復(fù)雜的圖片和components渲染 ??????
react-native-activity-view iOS上的分享和action sheets組件 ????
react-native-app-intro 引導(dǎo)頁 ????
react-native-blur 添加模糊或者毛玻璃效果 ??????
react-native-calendar 日歷 ??
react-native-chart 繪圖(折線圖蜘拉,柱狀圖辜羊,扇形圖) ??????
react-native-circular-progress 圓形的顯示進(jìn)度的視圖 ??
react-native-collapsible 可折疊的component ??
React Native Drawer 抽屜效果蟋字,可 用來實(shí)現(xiàn)側(cè)拉菜單 ??????
react-native-dropdown下拉菜單 ??
ReactNativeEffectsView 封裝了iOS 8上的UIVisualEffectViews,在React Native中實(shí)現(xiàn)毛玻璃效果 ??
react-native-gesture-password 手勢解鎖删咱,支持iOS和Android ??
react-native-gifted-form 在React Native中方便的使用表格 ????
react-native-gifted-listview 下拉刷新和上拉加載的ListView ????
react-native-gifted-messenger 方便的實(shí)現(xiàn)聊天UI ????????
react-native-grid-view 網(wǎng)格視圖吆你,類似iOS中的UICollectionView ??
react-native-image-picker 用Native UI來選擇圖片或者拍照 ??????
react-native-keyboard-spacer 適用于iOS的根據(jù)鍵盤自動(dòng)調(diào)整輸入框 ????
react-native-keyboardevents 監(jiān)聽鍵盤顯示/隱藏 ??
react-native-lightbox 圖片全屏預(yù)覽 ??????
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 用于模態(tài)顯示的Component ????
react-native-orientation 監(jiān)聽設(shè)備旋轉(zhuǎn) ??
react-native-parallax parallax效果 ??
react-native-parallax-scroll-view 視差滾動(dòng)效果的ScrollView舍败,支持固定header
react-native-picker 選擇器,可用于實(shí)現(xiàn)時(shí)間選擇兄世,區(qū)域選擇 ??
react-native-popover 彈出氣泡框的Component ??
react-native-progress-hud ProgressHUD ??
react-native-refresher 支持下拉刷新的listview ????
react-native-router類似Navigator的導(dǎo)航控制器 ????????
react-native-scrollable-tab-view 支持左右滾動(dòng)的來切換tab的tableview ????????
react-native-controllers 封裝了 原生的iOS 導(dǎo)航欄啼辣,tabbar,抽屜效果等御滩。 ????
react-native-search-bar 封裝iOS原生UISearchBar ????
react-native-spinkit 一組Activity指示器 ????
react-native-splashscreen App載入視圖鸥拧,啟動(dòng)后自動(dòng)隱藏 ??
react-native-svgkit 顯示SVG格式圖片 ????
react-native-swipeout 類似TableViewCell的左滑刪除,支持Component滑動(dòng) ??????
react-native-swiper <font color="orange">視圖輪播削解,上下/左右滑動(dòng)組件,類似UICollectionView</font> ????????
react-native-tableview 封裝iOS原生UITableview
react-native-vector-icons <font color="orange">3000+支持自定義的圖標(biāo)</font> ????????
react-native-sglistview 為了解決React Native中ListView的內(nèi)存問題 ??
react-native-invertible-scroll-view 逆向的ScrollView富弦,從底部開始布局,適用于聊天等向上滑動(dòng)來加載更多的情況 ??
react-native-viewpager 視圖輪播钠绍,支持循環(huán)滾動(dòng)舆声,自定義視圖。已做性能優(yōu)化 ??????
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 - 顯示/動(dòng)畫 Wavefront媳握,.OBJ等3D對(duì)象(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 ?? 空數(shù)據(jù)的站位符,很適合用來做列表站位
react-native-css 用CSS的方式對(duì)Component進(jìn)行Style ????
react-native-extended-stylesheet 對(duì)stylesheet進(jìn)行擴(kuò)展 ????
react-native-icons 圖標(biāo)
react-native-scrollable-tab-view 可滾動(dòng)標(biāo)簽
react-native-side-menu 側(cè)欄
react-native-check-box CheckBox
react-native-easy-toast 一款簡單易用的 Toast 組件磷脯,支持 Android&iOS.
material組件庫(各種漂亮的小組件)https://github.com/xinthink/react-native-material-kit
base組件庫(各種封裝不錯(cuò)的小組件)http://nativebase.io/docs/v0.4.6/components#anatomy
https://github.com/GeekyAnts/NativeBase不錯(cuò)的按鈕
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側(cè)滑按鈕
https://github.com/dancormier/react-native-swipeout
https://github.com/jemise111/react-native-swipe-list-view下拉放大
https://github.com/lelandrichardson/react-native-parallax-view可滑動(dòng)的日歷組件
https://github.com/cqm1994617/react-native-myCalendarText跑馬燈效果
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滑動(dòng)可以收回頭部動(dòng)畫的列表
react-native-parallax-scroll-view
- 照片選擇
https://github.com/marcshilling/react-native-image-picker
https://github.com/ivpusic/react-native-image-crop-picker
模態(tài)視圖
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▼
項(xiàng)目名稱:react-native-circle-button功能介紹:可以支持雙平臺(tái)的原型菜單按鈕蛾找,作者靈感來源于國外設(shè)計(jì)網(wǎng)站dribbble,雖然可能項(xiàng)目用到的可能性比較小赵誓,但是可以看下實(shí)現(xiàn)過程打毛。倉庫地址:https://github.com/dwicao/react-native-circle-button酷炫折疊動(dòng)畫 react-native-foldview▼
項(xiàng)目名稱:react-native-foldview功能介紹:純 JS 代碼編寫的,一個(gè)帶折疊動(dòng)畫的列表項(xiàng) UI 組件俩功,可用在滾動(dòng)列表中幻枉,展示列表詳情之類的,動(dòng)畫效果也不錯(cuò)诡蜓。倉庫地址:https://github.com/jmurzy/react-native-foldview這個(gè)是一個(gè)下拉選項(xiàng)組件
A react-native dropdown/picker/selector component for both Android & iOS.國人做的熬甫,貌似不錯(cuò),支持個(gè)蔓罚。
react-native-modal-dropdown
cnblog的中文解釋一個(gè)比較美麗的提示氣泡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一個(gè)下拉打開頁面椿肩,用在選項(xiàng)里面賊好用
react-native-accordion做通訊錄想必各位同學(xué)多多少少都要接觸吧?這個(gè)好用
react-native-alphabetlistview老板要是讓你加自動(dòng)填充怎么辦?這邊有
react-native-alphabetlistview