常用插件

*星號的需照其插件頁面指示安裝及修改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

https://github.com/TylerLH/react-native-timeago

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上

https://github.com/yanqiw/react-native-icon-badge

UI Framework

react-native-elements

集成UI Component,快速開發的好幫手

https://github.com/react-native-community/react-native-elements

native-base

另一集成UI Component

http://nativebase.io/

react-native-vector-icons

集成icons

https://github.com/oblador/react-native-vector-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載入效果

https://github.com/dylanvann/react-native-progressive-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

https://github.com/watzak/react-native-instagram-share

統一管理

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一併安裝

https://github.com/gaearon/redux-thunk

其他

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生成

https://github.com/awesomejerry/react-native-qrcode-svg

快速安裝

如有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

results matching ""

    No results matching ""