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

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


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

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


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

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


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

react-native-image-crop-picker 相关问题
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工程的根目录下。

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

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

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


react-native-image-crop-picker 相关问题
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 里加了个回调,还是不行,报同样的错误。
先记录到这吧~ 抓紧赶项目了!

上一篇:《构建实时机器学习系统》一2.3 实时线性分类器介绍


下一篇:React Native Mac 下打包Android APK