React Native常用第三方元件
React Native 專案常用第三方元件彙總:
react-native-animatable 動畫
react-native-carousel 輪播
react-native-looped-carousel 雙向迴圈播放
react-native-countdown 倒計時
react-native-device-info 裝置資訊
react-native-fileupload 檔案上傳
react-native-icons 圖示
react-native-image-picker 圖片選擇器
react-native-keychain iOS KeyChain管理
react-native-picker 滾輪選擇器
react-native-picker-Android Android 滾輪選擇器
react-native-refreshable-listview 可重新整理列表
react-native-scrollable-tab-view 可滾動標籤
react-native-side-menu 側欄
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 簡易路由跳轉框架
react-native-storage 持久化儲存
react-native-sortable-listview 分類ListView
react-native-htmlview 將 HTML 目錄作為本地檢視的控制元件,其風格可以定製
react-native-easy-toast 一款簡單易用的 Toast 元件,支援 Android&iOS.
react-native-material-kit material元件庫(各種漂亮的小元件)
base元件庫(各種封裝不錯的小元件)
http://nativebase.io/docs/v0.4.6/components#anatomy
https://github.com/GeekyAnts/NativeBase
react-native-action-button react-native-button 不錯的按鈕
tcomb-form-native react-native-gifted-form snowflake 輸入框表單驗證
react-native-textinput-effects React-Native-TextInputLayout 炫酷效果的TextInput
react-native-gifted-chat 聊天
react-native-maps 地圖
react-native-animatable 動畫
react-native-spinkit 載入動畫
react-native-drawer react-native-side-menu 抽屜效果
react-native-swipeout react-native-swipe-list-view 側滑按鈕
react-native-chart 圖表
react-native-parallax-view 下拉放大
react-native-myCalendar react-native-calendar 日曆元件
react-native-globalize 語言轉化和一些常用格式轉換
react-native-checkboxlist 單選多選ListViewreact-native-checkbox 選擇按鈕
react-native-barcodescanner 二維碼
react-native-camera 照相機
react-native-create-library 製作本地庫
react-native-record-sound 影音相關
react-native-audio-android 安卓錄音
react-native-message-bar 提示訊息的Bar
react-native-tableview iOS原生TableView
react-native-popover react-native-popup-menu 點選彈出檢視
react-native-quick-actions 3D Touch
react-native-actionsheet 雙平臺相容的ActionSheet
react-native-gallery 照片牆
react-native-inputscrollview react-native-keyboard-aware-scrollview 鍵盤遮擋問題react-native-storage 本地儲存
react-native-star-rating 星星
react-native-globalize 國際化
react-native-qrcode-reader 掃描二維碼
react-native-contacts 通訊錄
crypto-js 加密
react-native-http-cache 快取管理
react-native-sglistview ListView的優化
react-native-image-to-base64 圖片和base64互轉
rn-splash-screen 安卓 iOS 白屏解決
react-native-marquee-label Text跑馬燈效果
react-native-textinput 清除按鈕的輸入框
react-native-webview-bridge WebView相關
react-native-orientation 判斷橫豎屏
react-native-pdf-view PDF
react-native-device-info 獲取裝置資訊
react-native-gestures react-native-gesture-recognizers 手勢放大縮小移動
react-native-gifted-listview react-native-refreshable-listview react-native-pull 下拉-上拉-重新整理
react-native-dropdown 下拉選擇
react-native-lightbox 圖片檢視
react-native-image-picker react-native-image-crop-picker 照片選擇
react-native-image-progress 圖片載入進度條
react-native-htmltext 文字解析控制元件
react-native-viewpager react-native-app-intro react-native-looped-carousel react-native-swiper輪播檢視
react-native-modalbox react-native-modal react-native-simple-modal 模態檢視
react-native-blur 毛玻璃效果
react-native-vector-icons 頭像庫
react-native-scrollable-tab-view 滑動選項卡A ScrollView-like component that:
Has a parallax header
Has an optional sticky header
Is composable with any component that expects a ScrollView (e.g. ListView or InfiniteScrollView)
Can be nested within other views
Works on iOS and Android
react-native-parallax-scroll-view
react-native-htmlview 將 HTML 目錄作為本地檢視的控制元件
工程目錄下終端輸入 npm install xxx save