美文网首页
React-native 我用过的好用的组件

React-native 我用过的好用的组件

作者: 程序马 | 来源:发表于2017-04-18 10:55 被阅读688次

记录使用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",

相关文章

网友评论

      本文标题:React-native 我用过的好用的组件

      本文链接:https://www.haomeiwen.com/subject/eddfzttx.html