首页 > 解决方案 > `react-native-camera` 返回 data.uri 但无法访问图像(没有这样的文件或目录)

问题描述

我将不胜感激这方面的任何帮助。我正在使用react-native-camera,当我获取使用takePictureAsync() 方法拍摄的图像的 URI 时,我无法访问该图像。

我拍了照片并导航到下一个屏幕,将图像数据作为参数传递:

  const data = await this.camera.takePictureAsync(options);
  console.log(data);
  this.props.navigation.navigate('FFV', {
    postItem: data.uri
  });

在下一个屏幕 (FFV) 中,我正在将照片加载到<Image/>中,如果我传递图像的base64则它可以工作,但如果我只传递URI则不起作用。

<Image style={styles.imagePreview}
          source={{ isStatic:true, uri: postItem }}
          resizeMode="contain"
 />

图像不渲染,如果我尝试使用 CameraRoll 保存文件,我会得到“没有这样的文件或目录”。

一是图像数据打印出来,二是访问文件出错

我已经在模拟器和物理设备上进行了测试——同样的问题。它似乎与WRITE_EXTERNAL_STORAGE权限无关,因为在我授予权限后,出现ENOENT错误。

我在手机上查看了应用程序的缓存,它没有那些文件,是不是意味着它没有写它?如果 RNCamera 有问题,我会认为 URI 不会成功返回。

"react-native": "0.57.1",
"react-native-camera": "^1.3.0",

任何帮助将非常感激!

标签: androidreact-nativereact-native-camera

解决方案


我遇到了同样的问题并最终使用了这个CameraRoll.saveToCameraRoll(data.uri)


推荐阅读