ios - React Native iOS 从应用程序文档文件夹中读取图像

Question

我必须将图像下载到我的 iOS 应用本地文件系统并读回它们。

在我的模拟器上，我可以看到我的应用程序的文件系统和目录

/Library/Developer/CoreSimulator/Devices/[UUID]/data/Containers/Data/Application/[UUID]/

/Documents
/Library
/tmp

为了尝试，我将 foo.png 复制到/Documents 文件夹，然后尝试

<Image source={{uri: "file://Documents/foo.png"}} style={{width:100, height:100}}/>

这行不通，不知道有什么方法可以做到这一点。

Answer 1

这也花了我很长时间......如果有更好的信息，它本来是 5 分钟!

我使用 react-native-fs获取目录(适用于 ios 和 android):

var RNFS = require('react-native-fs');

RNFS.DocumentDirectoryPath 然后在 iOS 上返回类似于 '/var/mobile/Containers/Data/Application/15AC1CC6-8CFF-48F0-AFFD-949368383ACB/Documents'

我的图像元素看起来像:

<Image
    style={{width:100, height:100}}
    source={{uri: 'file://' + RNFS.DocumentDirectoryPath + '/myAwesomeSubDir/my.png', scale:1}}
/> 

我的问题是我没有先设置宽度和高度，这对于 URL 或 Assets 路径来说是不需要的。当使用 base64 uri 时，宽度和高度也是强制性的(这实际上让我找到了解决方案!)。