最近在做react-native的app,用到的一些好用的插件,在这儿记录一下
由于返回的后台内容是富文本编辑器Quill,返回的的是Delta对象,使用了quill-delta-to-html 插件
https://github.com/nozer/quil...
上传头像,用到了react-native-image-crop-picker,很好用,,需要配置下
react-native-image-crop-picker
https://github.com/react-comm...
react-native-image-picker
https://github.com/react-comm...
function uploadImage(url,params){
return new Promise(function (resolve, reject) {
let formData = new FormData();
for (var key in params){
formData.append(key, params[key]);
}
let file = {uri: params.path, type: 'application/octet-stream', name: 'image.jpg'};
formData.append("file", file);
fetch(common_url + url, {
method: 'POST',
headers: {
'Content-Type': 'multipart/form-data;charset=utf-8',
"x-access-token": token,
},
body: formData,
}).then((response) => response.json())
.then((responseData)=> {
console.log('uploadImage', responseData);
resolve(responseData);
})
.catch((err)=> {
console.log('err', err);
reject(err);
});
});
然后redux框架的话,我选择mirror ,流程和redux差不多,但是简化了一些操作,反正挺好用的,详细看文档
https://github.com/mirrorjs/m...
轮播类组件的话,用的是
https://github.com/leecade/re...
图标
react-native-vector-icons
导航跳转
react-navigation
富文本编辑器
react-native-zss-rich-text-editor
大致效果
滑动删除功能组件
react-native-swipeout
视频组件,不过控制界面什么的需要自己去做
react-native-video
https://github.com/react-nati...
选项卡
https://github.com/skv-headle...
动画
https://github.com/oblador/re...
表单验证
https://github.com/gcanti/tco...
滚轮选择器
https://github.com/beefe/reac...
聊天
https://github.com/FaridSafi/...
charts类
https://github.com/wuxudong/r...
下拉放大
https://github.com/lelandrich...
https://github.com/cqm1994617... 可滑动的日历组件
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。