在本机中获取资产的静态路径

时间:2018-02-27 10:49:32

标签: ios react-native filepath camera-roll

在我的本机应用程序中,我在body { display: block; width: 900px; margin: auto; color: black; background-image:url('space.jpg'); } 标签中显示了几张图片,并从本地文件夹中加载了这些图片。

<Image>

我想在用户点击图片时保存图片。 我可以获取用户点击的图像并将其传递给该功能。但是我给它放了一个图像路径。

<Image source={require('./src/images/image1.jpg')} />

但是这在iOS模拟器中给我一个错误,说它无法在路径中找到图像

当我给出时,

_onPressButton(imgName) {
  CameraRoll.saveToCameraRoll( './src/images/image1.jpg' , 'photo').then(function(result) {
    alert(result);
  }).catch(function(error) {
    alert(error);
  });
}

有效。

但我想将这些文件保存在我的src / images文件夹中。 如何获取此图像文件的路径或完成此操作..?

我很感激有关此方面的任何帮助。

由于

1 个答案:

答案 0 :(得分:0)

这是我使用Expo的解决方案,可以在android上使用,也应该可以在ios上使用

onSave = async () => {
  const asset = Asset.fromModule(require('./src/images/image1.jpg'))
  if (!asset.localUri) {
    await asset.downloadAsync();
  }
  const uri = asset.localUri;
  CameraRoll.saveToCameraRoll(uri, 'photo')
}