react-native 第三方庫

react-native 第三方庫

React-Native-Elements 一組開發RN的UI工具包(強烈推薦) 🔥🔥🔥🔥🔥

react-native-calendars 🔥🔥🔥🔥 優秀的日曆控件

apsl-react-native-button 定義了一個Button支持用Style來配置 🔥🔥

react-native-action-button 支持多種點擊事件的Button控件 🔥🔥

react-native-button 另一個Button組件 🔥🔥

ex-navigator 封裝Navigator,以Route爲中心的Navigator 🔥🔥

gl-react-native React Native中使用OPENGL來實現複雜的圖片和components渲染 🔥🔥🔥

react-native-activity-view iOS上的分享和action sheets組件 🔥🔥

react-native-app-intro 引導頁 🔥🔥

react-native-blur 添加模糊或者毛玻璃效果 🔥🔥🔥

react-native-calendar 日曆 🔥

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 視圖輪播,上下/左右滑動組件,類似UICollectionView 🔥🔥🔥🔥

react-native-tableview 封裝iOS原生UITableview

react-native-vector-icons 3000+支持自定義的圖標 🔥🔥🔥🔥

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/tomauty/react-native-chart

下拉放大
https://github.com/lelandrichardson/react-native-parallax-view

可滑動的日曆組件
https://github.com/cqm1994617/react-native-myCalendar

選擇按鈕
https://github.com/sconxu/react-native-checkbox

提示消息的Bar
https://github.com/KBLNY/react-native-message-bar

照片牆
https://github.com/ldn0x7dc/react-native-gallery

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

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

圖片加載進度條
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/react-native-fellowship/react-native-blur

滑動可以收回頭部動畫的列表
react-native-parallax-scroll-view

下拉選擇
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/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

https://github.com/spikef/react-native-gesture-password

https://github.com/xudafeng/autoresponsive-react-native

一個下拉打開頁面,用在選項裏面賊好用
react-native-accordion

做通訊錄想必各位同學多多少少都要接觸吧?這個好用
react-native-alphabetlistview

老闆要是讓你加自動填充怎麼辦?這邊有
react-native-alphabetlistview

https://github.com/Dharmoslap/react-native-responsive-image

https://github.com/vczero/react-native-tab-menu

https://github.com/chirag04/react-native-tooltip

https://github.com/aroth/react-native-uploader

https://github.com/Cocoon-break/react-native-table-row

https://github.com/Cocoon-break/react-native-table-row

搜索框,帶歷史紀錄

下拉警告

滑動動畫選擇

調用系統打電話、發短信、發郵件、打開網址功能
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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章