react-native 常用的一些插件

前端之家收集整理的这篇文章主要介绍了react-native 常用的一些插件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近在做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... 可滑动的日历组件

毛玻璃效果
https://github.com/react-nati...

猜你在找的React相关文章