记录使用React-native开发以来遇到的和使用过后觉得比较好用的组件
路由控制
(底部Tabbar)=>做过三个项目,一直使用:react-native-tab-navigator.使用也很简单
框架的话加入了redux，使用起来还是比较好用的，在同级组件传值很方便。react-redux
本地存储使用了import {AsyncStorage} from'react-native'
//清除本地缓存
export constclear= () => {
AsyncStorage.clear(()=>{});
};
//保存用户信息到缓存中
export constsetToken= (token) => {
AsyncStorage.setItem(kStorageToken,JSON.stringify(token));
};
//从缓存中获取当前用户信息
export constgetToken= () => {
returnAsyncStorage.getItem(kStorageToken)
.then((token) => {
if(token) {
returnJSON.parse(token);
}else{
return{};
}
})
.catch(error => {
//console.log(error);
});
};
配合redux很实用
加载动画使用了自定义的也使用了别的后来发现react-native-spinkit挺简单美观
推荐一个弹出视图react-native-modalbox
一般的图片读取使用react-native-image-picker就够了
但是需要裁剪和多选的话推荐使用react-native-image-crop-picker，我觉得这个唯一一点不好的就是好像不能自定义标题文字和选择的一些文字，都是英文看的很不习惯
键盘遮挡很多textinput输入框使用react-native-keyboard-aware-scrollview
评分打星react-native-easy-rating可以自定义图片
饼状图柱状图等绘图react-native-pathjs-charts
关于android启动白屏时间过长的解决方案react-native-splash-screen
多个table列表的切换react-native-scrollable-tab-view
时间选择器react-native-datepicker
由于公司图片使用了七牛云的服务器，图片上传就直接使用了react-native-qiniu
错误提示框react-native-root-toast
以上都是比较实用而且使用起来不难的本人亲测可用
"react":"15.4.2",
"react-native":"0.42.0",
