reactjs - 如何使用react-native-camera捕获的图像

Question

我可以获得react-native-camera模块访问相机并保存图像。但是，我不知道如何向用户显示该图像。

我正在尝试:

这是我拍的照片。这会在 assets-library://....

中生成看起来像是 .jpg 文件

    _takePicture() {
        var self = this;
        this.refs.cam.capture(function(err, data) {
          this.setState({photo: data});
          console.log(err, data);
          // data is "assets-library://asset/asset.JPG?id=########-####-####-####-##########&ext=JPG"
          console.log('just took a picture');
        }); 
    }

但是，如果我尝试渲染图像:

    render: function() {
      return(
         <Image style={styles.image} source={{uri: this.state.photo}}/>
      );
    }

我收到此错误:

找不到 asset-library://asset/asset.JPG?id=....... 的合适图像 URL 加载器

如何拍摄照片，将其保存到应用程序的当前状态，然后进行渲染？

Answer 1

解决方案是启用 save to disk option与保存到相机卷选项相比:

<Camera
  captureTarget={Camera.constants.CaptureTarget.disk}
  // Rest of Camera options here
/>