react-native-image-crop-picker 相

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

image.png

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

image.png

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

image.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工程的根目录下。

image.png

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

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 里加了个回调，还是不行，报同样的错误。
先记录到这吧~ 抓紧赶项目了！