記錄使用React-native開發(fā)以來遇到的和使用過后覺得比較好用的組件
路由控制
(底部Tabbar)=>做過三個(gè)項(xiàng)目,一直使用:react-native-tab-navigator.使用也很簡(jiǎn)單
框架的話加入了redux厦酬，使用起來還是比較好用的旭愧，在同級(jí)組件傳值很方便域蜗。react-redux
本地存儲(chǔ)使用了import {AsyncStorage} from'react-native'
//清除本地緩存
export constclear= () => {
AsyncStorage.clear(()=>{});
};
//保存用戶信息到緩存中
export constsetToken= (token) => {
AsyncStorage.setItem(kStorageToken,JSON.stringify(token));
};
//從緩存中獲取當(dāng)前用戶信息
export constgetToken= () => {
returnAsyncStorage.getItem(kStorageToken)
.then((token) => {
if(token) {
returnJSON.parse(token);
}else{
return{};
}
})
.catch(error => {
//console.log(error);
});
};
配合redux很實(shí)用
加載動(dòng)畫使用了自定義的也使用了別的后來發(fā)現(xiàn)react-native-spinkit挺簡(jiǎn)單美觀
推薦一個(gè)彈出視圖react-native-modalbox
一般的圖片讀取使用react-native-image-picker就夠了
但是需要裁剪和多選的話推薦使用react-native-image-crop-picker间影，我覺得這個(gè)唯一一點(diǎn)不好的就是好像不能自定義標(biāo)題文字和選擇的一些文字，都是英文看的很不習(xí)慣
鍵盤遮擋很多textinput輸入框使用react-native-keyboard-aware-scrollview
評(píng)分打星react-native-easy-rating可以自定義圖片
餅狀圖柱狀圖等繪圖react-native-pathjs-charts
關(guān)于android啟動(dòng)白屏?xí)r間過長(zhǎng)的解決方案react-native-splash-screen
多個(gè)table列表的切換react-native-scrollable-tab-view
時(shí)間選擇器react-native-datepicker
由于公司圖片使用了七牛云的服務(wù)器统舀，圖片上傳就直接使用了react-native-qiniu
錯(cuò)誤提示框react-native-root-toast
以上都是比較實(shí)用而且使用起來不難的本人親測(cè)可用
"react":"15.4.2",
"react-native":"0.42.0",
