我可以让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');
        }); 
    }

但是,如果我try 渲染图像:

    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,然后进行渲染?

推荐答案

解决方案是启用save to disk option和save to cameraRoll选项:

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

React-native相关问答推荐

使用NextJS映射从数组中提取用户角色

如何在Reaction本地日历中 Select 年份?

将屏幕标题更新为所选标签导航的标题

ReactNative:在所有组件和操作之间共享 sqlite 实例的最佳方法

在 create-react-native-app 元素中突然看到错误Plugin/Preset files are not allowed to export objects, only functions

如何从 Firebase 获取所有设备令牌?

给定 APK 文件,我如何检测应用程序是否使用 React Native?

图像背景ResizeMode调整大小模式

React Native 开发中的/ios/index/DataStore文件夹是什么

如何启用 stacktrace react-native run-android 命令?

使用 react-native 设置 Select 器的高度

如何清除react-native webview cookie?

在使用 redux-persist 重新水化存储之前加载初始状态的默认值

如何使用 Typescript 在无状态组件上设置 navigationOptions

react-native run-android 在设备上构建旧版本的代码

react-native图标

在 React Native 视图上强制 onLayout

React Native 发送短信

使用 React Native 和 Redux 的动画状态管理

如何升级 react-native gradle 版本