首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何将捕获的图像与react-native-camera一起使用

如何将捕获的图像与react-native-camera一起使用
EN

Stack Overflow用户
提问于 2015-10-16 01:40:01
回答 1查看 9.1K关注 0票数 19

我可以让react-native-camera模块访问摄像头并保存图像。但是,我不知道如何向用户显示此图像。

我正在尝试的是:

这张照片是我拍的。这将在assets-library://....中生成一个看起来像.jpg文件的文件

代码语言:javascript
复制
    _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');
        }); 
    }

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

代码语言:javascript
复制
    render: function() {
      return(
         <Image style={styles.image} source={{uri: this.state.photo}}/>
      );
    }

我得到了这个错误:

No suitable image URL loader found for assets-library://asset/asset.JPG?id=.......

如何拍摄照片,将其保存到应用程序的当前state,并呈现它?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-16 02:31:03

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

代码语言:javascript
复制
<Camera
  captureTarget={Camera.constants.CaptureTarget.disk}
  // Rest of Camera options here
/>
票数 26
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33155067

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档