常用插件
*星號的需照其插件頁面指示安裝及修改Project方能使用
基本開發App必備的插件
核心類
react-native-device-info
獲取Device info(如UUID)用
https://github.com/rebeccahughes/react-native-device-info
react-native-localization
易用的多語言支援插件
https://github.com/stefalda/ReactNativeLocalization
react-native-image-to-base64
把圖片轉成Base64 String
https://github.com/xfumihiro/react-native-image-to-base64
react-native-timeago
把時間轉成TimeAgo,可實時Update
Image Picker
react-native-multiple-image-picker@rn40*
Camera,Photos Picker,multiple Photos Picker,支援Crop,全能型插件
(需照其插件頁面指示安裝及修改Project方能使用)
https://github.com/liaoyuan-io/react-native-multiple-image-picker/tree/rn40
Push Notification
react-native-push-notification*
Push Notification,通訊App必備
(需照其插件頁面指示安裝及修改Project方能使用)
https://github.com/zo0r/react-native-push-notification
react-native-icon-badge
能把badge放在Icon上
UI Framework
react-native-elements
集成UI Component,快速開發的好幫手
https://github.com/react-native-community/react-native-elements
native-base
另一集成UI Component
react-native-vector-icons
集成icons
UI Component類
react-navigation
Navigation,自訂度高,react-native-router-flux的另一選擇
https://github.com/react-community/react-navigation
react-native-navbar
Navigation Bar,自訂度高
https://github.com/react-native-community/react-native-navbar/
react-native-keyboard-aware-view
解決SoftKeyboard擋著頁面的問題
https://github.com/VansonLeung/react-native-keyboard-aware-view
react-native-swipeout
Listview滑動刪除等動作
https://github.com/dancormier/react-native-swipeout
react-native-splash-screen*
Splash-screen插件
(需照其插件頁面指示安裝及修改Project方能使用)
https://github.com/crazycodeboy/react-native-splash-screen/
react-native-swiper
可建構Slider,Swipe Page等全能型插件
https://github.com/leecade/react-native-swiper
react-native-calendar
自訂度高的日曆插件
https://github.com/christopherdro/react-native-calendar
react-native-dropdown
Drop Down Menu插件
https://github.com/alinz/react-native-dropdown
react-native-menu
Options Menu插件
https://github.com/jaysoo/react-native-menu
react-native-popover
popover Dialog插件
https://github.com/jeanregisser/react-native-popover
react-native-app-intro
Intro頁面
https://github.com/FuYaoDe/react-native-app-intro
react-native-busy-indicator
Indicator插件
https://github.com/RealOrangeOne/react-native-busy-indicator
react-native-progressive-image
Image載入效果
Social Media
react-native-simple-auth
Google、Facebook、twitter、Tumblr等登入認證
https://github.com/adamjmcgrath/react-native-simple-auth
react-native-instagram-share
把圖片直接Share到instagram
統一管理
react-native-router-flux
頁面Routing管理用的方便插件
https://github.com/aksonov/react-native-router-flux
redux
Redux為統一State管理插件
https://github.com/reactjs/redux
react-redux
react上用redux,需連同Redux一併安裝
https://github.com/reactjs/react-redux
redux-thunk
需連同Redux一併安裝
其他
react-native-google-places-autocomplete
google places autocomplete頁面插件
https://github.com/FaridSafi/react-native-google-places-autocomplete
react-native-chart
Chart生成
https://github.com/tomauty/react-native-chart
react-native-animatable
Animation插件
https://github.com/oblador/react-native-animatable
react-native-qrcode-svg(+react-native-svg)
QRCode生成
快速安裝
如有RN Command Tools可save以下plugin list做plugin.txt,放在project 根目錄下
然後Run Select Project ->您的Project->Batch Install Plugins 即可
react-native-device-info
react-native-keyboard-aware-view
react-navigation
react-native-menu
react-native-popover
react-native-dropdown
react-native-localization
react-native-multiple-image-picker@rn40
react-native-router-flux
react-native-navbar
redux
react-redux
redux-thunk
react-native-push-notification
react-native-vector-icons
react-native-elements
native-base
react-native-app-intro
react-native-busy-indicator
react-native-image-slider
react-native-progressive-image
react-native-svg
react-native-qrcode-svg
react-native-swipeout
react-native-swiper
react-native-progress