Skip to content
This repository has been archived by the owner on Mar 19, 2023. It is now read-only.

destroymayor/React-Native-Components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 

Repository files navigation

react-native 實用第三方套件

(一) UI組件

(1) 單選、複選組件

[react-native-select-multiple ★11] 一個可自定義的ListView且可複選
[react-native-multiple-select ★18] 一個簡單的複選組件
[react-native-multiple-choice ★35] 單選和複選的組件
[react-native-modest-checkbox ★8] 可定制複選框組件,支持將自定義圖像或組件設置為複選框。

(2) Loading組件

[react-native-loading-spinner-overlay ★266] 全螢幕的loading組件
[react-native-loading-w ★36] 簡單的logaind組件
[react-native-progress-hud ★159] 輕量級的loading組件

(3) 選擇器

[react-native-modal-datetime-picker ★80] 日期選擇器
[react-native-dates ★23] 日期選擇器(可範圍選擇)
[react-native-day-picker ★52] 日期選擇器(可範圍選擇)
[react-native-wheel-picker ★53] 滾動選擇器
[react-native-picker ★336] 高性能底部選擇器
[react-native-picker-xg ★26] 下拉式底部選擇器組件

(4) 按鈕

[react-native-button ★377] 通過多種樣式自定義的按鈕組件
[react-native-action-button ★740] 可自定義的多動作按鈕組件

(5) 輸入框

[react-native-textinput-effects ★863] 文本輸入可自定義標籤與圖標動畫

(6) 動畫

[lottie-react-native ★4702] Airbnb開源的動畫組件
[react-native-spinkit ★669] 動畫loading組件集合
[react-native-animatable ★2137] 易於使用的聲明轉換動畫組件

(7) 導航

[react-native-tab-navigator ★1074] 一個標籤欄,可用於跨平台的場景切換。
[react-native-scrollable-tab-view ★3137] 滑動的標籤式導航
[react-native-navigation ★2312] 一個完整的本地導航解決方案,包含導航、標籤、抽屜、模態。
[react-native-tab-view ★659] 跨平台選項卡視圖組件
[react-native-nav ★187] 跨平台的完全可自定義導航欄組件
[react-native-custom-segmented-control ★59] iOS SegmentedControl組件的自定義版本

(8) 側邊欄組件

[react-native-drawer-layout ★42] 一個跨平台抽屜組件

(9) 輔助資源

[react-native-vector-icons ★4107] 跨平台可訂製圖標
[react-native-cross-platform-icons ★2] 跨平台圖標組件
[React-Native-Virtual-Keyboard ★1] 虛擬鍵盤組件

(10) 圖片

[react-native-blur ★1048] 圖片模糊組件
[react-native-photo-browser ★282] 本地和遠程媒體庫選擇和網格視圖
[react-native-fit-image ★148] 響應圖像組件

(11) 引導頁組件

[react-native-app-intro ★927] 視差效果的引導頁組件

(12) 彈出提示組件

[React-Native-SnackBar-Component ★4] 一個模仿Android snackbar的跨平台組件
[react-native-popup-dialog ★214] 一個對話彈出組件且可自定義動畫
[react-native-message-bar ★186] 一個消息欄通知組件
[react-native-root-toast ★314] 一個弱提示組件
[react-native-easy-toast ★78] 一個模仿Android的弱提示組件
[react-native-tooltip ★121] 一個顯示工具提示組件

(13) 搜尋組件

[react-native-searchbar ★61] 一個內置搜尋能力的搜尋欄組件,可過濾資料。
[react-native-material-design-searchbar ★18] Material Design的搜尋組件

(14) 啟動屏

[react-native-splash-screen ★417] 可解決Android&iOS啟動白屏問題的組件

(15) 表單組件

[react-native-gifted-form ★716] 一個多自定義的表單組件

(16) 解析HTML

[react-native-htmlview ★623] 可將HTML標籤轉為本地內容的組件

(17)圖表

[react-native-charts-wrapper ★32] RN代碼對原生組件進行包裝的圖表組件

(二) 功能

(1) 推播通知

[react-native-push-notification ★1163] 跨平台本地及遠程推播通知
[react-native-notifications ★276] 跨平台本地及遠程推播通知

(2) 本地儲存

[react-native-storage ★740] 本地持久儲存

(3) 媒體

[react-native-video ★1523] 影片播放組件
[react-native-camera ★2597] 相機組件,支持條碼掃描。
[react-native-audio ★321] 錄音組件

(4) 後台工作

[react-native-background-task] 一個建構在 react-native-background-fetch react-native-background-job 的後台任務
[react-native-background-fetch (僅適用iOS) ★74] iOS的後台任務
[react-native-background-job (僅適用Android) ★121] Android計畫後台任務

(5) 訪問設備信息

[react-native-device-info ★906] 取得Android&iOS的設備信息

(6) 其他

[react-native-incall-manager ★98] 可進行音頻/視頻聊天期間處理媒體路由/傳感器/事件
[React-Native-Calendar-Reminders ★46] iOS的日曆提醒
[react-native-pulse-loader ★45] 類似tinder的加載器
[react-native-version-number ★13] 跨平台獲取程序版本號與內部版本號

Releases

No releases published

Packages

No packages published

Languages