React Native 中来自设备存储自定义路径的图像

Question

我已经下载了一个图像并将其保存到路径中/data/user/0/com.project/files/assets/image.png，我想在 React-Native 的图像组件中使用它。有没有办法使用存储在该路径中的图像？

我知道但不能使用的解决方法：

• 使用require。它基本上接受文字字符串，这不是我想要的非静态图像。对于单个图像源，名称可能会根据图像而变化
• 使用本机捆绑包，这又是我无法使用的，因为图像首先被下载，然后被使用。
• 直接使用http链接。我再次无法使用它，因为我的功能表明该应用程序不能依赖网络，因为它也需要在离线模式下渲染图像

Answer 1

如果它是您设备上的文件，我认为显示它的方式有点像这样：

<Image source={{uri:'file:///data/user/0/com.project/files/assets/image.png'}} style={{width: 100, height: 100}}/>

只需确保文件路径来自根目录即可。希望对你有帮助。