react-native-image-crop-picker 相关问题

简介: 先看下成功后的效果图吧:image.png问题1:在引入这个组件的时候,运行在真机上 运行不了,报这个错误image.png网上找了答案 是要添加动态 报 ,然后试了试加了下image.pngimage.png并没有什么用。

先看下成功后的效果图吧:


img_536c8d07f0dd25cd4d01188057bd4a21.png
image.png

问题1:
在引入这个组件的时候,运行在真机上 运行不了,报这个错误


img_14620ca339d9d2e84ad4a10e86ca2cc6.png
image.png

网上找了答案 是要添加动态 报 ,然后试了试加了下


img_218f8818b7c664b3e58dfd337e9e8194.png
image.png

img_8b3d81cbea226320eed59852136e6ad2.png
image.png

并没有什么用。。。。。然后试了下把required 改成optional 在真机上可以跑了,optional :按需加载的意思吧

到最后用到这个组件的时候,上传和选择照片的时候,问题又来了,最后看了下 这个组件的git上的介绍 https://github.com/ivpusic/react-native-image-crop-picker 然后结合相关资料看了下,又重新配置了下
1.把node_modules / react-native-image-crop-picker /下的ImageCropPickerSDK 拖到Xcode工程的根目录下。

img_d8d2b5074e716743169a1131c8d133a7.png

img_2caca6df2a8ebe083c03153e58e20eef.png
image.png

这里把包导入后 感觉万事 OK 了 可再用的时候,xcode又报了这个错误:


img_ab86fed4c06a71b505b8ca6a2767ff83.png
image.png

这个错误的大概意思就是:视图不在 windows 上 ,第一次可以,然后再次点击上传的时候却不行。。。。
坑爹,这怎么下手找问题呢?
记得 ,以前我们的老大,同事说过,碰到莫名其妙问题,加个延时:(一开始延迟写的是300不行,后来写了1s可以了,哎,好坑爹折腾了好久)

 //拍照
  openCamera() {
    setTimeout(() => {
      ImagePicker.openCamera({
        width: 476,
        height: 476,
        cropping: true,
        // multiple:true
      }).then(image => {
        let path = image.path;
        const source = { uri: path };
        this.setState({
          file: this.state.file.concat([source]),
        },
        );
      }, err => {
        console.log('err= ' + err);
      }).catch(err => {
        console.log('image catch err= ' + err);
      });
    }, 1000)

  }
  openPicker() {
    setTimeout(() => {
      ImagePicker.openPicker({
        width: 476,
        height: 476,
        cropping: true,  //是否裁剪
        // multiple:true
      }).then(image => {
        let path = image.path;
        const source = { uri: path };
        this.setState({
          file: this.state.file.concat([source]),
        });
        // this.uploadAvatar(path);
      }, err => {
        console.log('err= ' + err);
      }).catch(err => {
        console.log('image catch err= ' + err);
      });
    }, 1000)



  }

后来分析了下 ,可能是我用的RN的modal 异步state关闭时候问题,只是猜测~

根据这个思路,去验证了下 在setState 里加了个回调,还是不行,报同样的错误。
先记录到这吧~ 抓紧赶项目了!

目录
相关文章
|
3月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
100 0
|
3月前
|
存储 前端开发 JavaScript
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
31 0
|
3月前
|
前端开发
【第31期】一文学会用React Hooks组件编写组件
【第31期】一文学会用React Hooks组件编写组件
35 0
|
3月前
|
存储 前端开发 JavaScript
【第29期】一文学会用React类组件编写组件
【第29期】一文学会用React类组件编写组件
30 0
|
3月前
|
前端开发 开发者
【第26期】一文读懂React组件编写方式
【第26期】一文读懂React组件编写方式
28 0
|
3月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
40 0
|
2月前
|
存储 前端开发 中间件
React组件间的通信
React组件间的通信
17 1
|
2月前
|
前端开发 应用服务中间件 数据库
react服务端组件
react服务端组件
21 0
|
2月前
|
前端开发 JavaScript
快速上手React:从概述到组件与事件处理
快速上手React:从概述到组件与事件处理
|
3月前
|
前端开发 JavaScript API
React组件生命周期
React组件生命周期
74 1