reactjs – 如何使用反应本机拍摄的图像

发布时间：2020-12-15 20:52:14 所属栏目：百科来源：网络整理

导读：我可以得到 react-native-camera模块访问相机并保存图像.但是,我不知道如何向用户显示此图像. 我在想什么这里我拍照.这将产生在assets-library中的.jpg文件：// …. _takePicture() { var self = this; this.refs.cam.capture(function(err,data) { this.se

我可以得到 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}}/>
      );
    }

我得到这个错误：

找不到资源库的合适的图像URL加载器：//asset/asset.JPG？id = …….

如何拍照,将其保存到我的应用程序的当前状态并呈现？

解决方案是启用 save to disk option与保存到cameraRoll选项：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!