前言:從事RN開(kāi)發(fā)快一年了,開(kāi)發(fā)過(guò)程中遇到許多坑,連滾帶爬的都趟過(guò)來(lái)了,簡(jiǎn)單總結(jié)下常用的RN插件,方便以后查閱。
建議:能自己寫(xiě)的插件就自己寫(xiě)吧,別偷懶,(雖然可能沒(méi)有別人的好,起碼也是自己造的兒子,哈哈說(shuō)笑的),插件集成多了會(huì)多項(xiàng)目的維護(hù)造成一些麻煩。
下面插件只是RN插件集中的冰山一角,
1、啟動(dòng)屏插件,可自動(dòng)設(shè)置RN啟動(dòng)頁(yè)(react-native-splash-screen)
2、tab切換插件,手勢(shì)左右滑動(dòng)和自動(dòng)定義tab樣式(react-native-scrollable-tab-view)
3、modal彈框插件,彈框位置和彈框范圍(react-native-modalbox)
4、picker選擇器,日期選擇器,時(shí)間選擇器,一列或多列自定選擇器(react-native-picker)
5、storage存儲(chǔ),本地異步存儲(chǔ)(說(shuō)實(shí)話(huà)用的不是很爽)(react-native-storage)
6、swipeout滑動(dòng)刪除,列表右滑動(dòng)刪除(react-native-swipeout)
7、elements組件集,里面有很多組件,按鈕,圖像等...(這些小組件我喜歡自己封裝)(react-native-elements)
8、crop圖片裁剪,選擇手機(jī)相冊(cè)圖片裁剪和網(wǎng)頁(yè)圖片裁剪(支出多選和單選)(react-native-image-crop-picker)
9、picker選擇相冊(cè)圖片和選擇相機(jī)(react-native-image-picker)
10、fast圖片組件,RN組件Image替換品,他會(huì)自動(dòng)幫你緩存圖片,提高圖片加載速度()
10、啟動(dòng)屏插件,可自動(dòng)設(shè)置RN啟動(dòng)頁(yè)(react-native-fast-image)
11、lightbox圖片預(yù)覽,官方效果還可以(在android有些手上不怎么流暢)(react-native-lightbox)
12、viewer圖片預(yù)覽,效果一般但功能強(qiáng)大,支持圖片方法,左右滑動(dòng)預(yù)覽。(react-native-image-viewer)
13、notification推送,支持本地和遠(yuǎn)程消息推送(但是不知道怎么動(dòng)態(tài)設(shè)置圖標(biāo))(react-native-push-notification)
14、video視屏播放器,控制欄不怎么好看,可以自己封裝(react-native-video)
15、lottie動(dòng)畫(huà)庫(kù),里面有很多動(dòng)畫(huà),我沒(méi)怎么用過(guò)(lottie-react-native)
16、LargeList列表滑動(dòng),支持下拉/上拉刷新和滾動(dòng)不出現(xiàn)空白(與FlatList組件一致)(react-native-largelist)
17、ripple波紋效果,用它包含起來(lái),點(diǎn)擊元素有波紋效果,可以做列表item。(react-native-material-ripple)
18、orientation控制手機(jī)旋轉(zhuǎn)和限制手機(jī)旋轉(zhuǎn)(react-native-orientation)
19、webView RN在做廋身,webView將被從核心模塊移出(react-native-webview)
20、types變量類(lèi)型驗(yàn)證(prop-types)