React-native - 使用 base64 的文件路径填充图像答案

【问题标题】：React-native - Populate Image with file path to base64React-native - 使用 base64 的文件路径填充图像
【发布时间】：2016-08-04 11:24:45
【问题描述】：

当我从服务器收到 base64 图像时，我将其保存到 android 文件系统。
是否可以为图像提供 base64 的路径以填充图像。

例如，像这样的：

<Image source={uri: "/storage/emulated/0/Pictures/Image.jpg"} />

谢谢。

编辑 @Xeijp

我将以下base64图像保存到android文件系统：

var imageBase64 = 'data:image/jpeg;base64,'+base64Str;

我保存到图片目录：

/storage/emulated/0/Pictures/Image.jpg

然后我像这样填充图像：

<Image source={{uri: "file:///storage/emulated/0/Pictures/Image.jpg"}} style={styles.image} />

图像仍未渲染。

有什么想法吗？？

【问题讨论】：

【解决方案1】：

在 Android 上，当使用 uri 路径作为 Image 元素的来源时，您需要添加前缀 file:// 否则它将不起作用。

    <Image source={{ uri : 'file:///storage/emulated/0/Pictures/Image.jpg' }}/>

【讨论】：

【解决方案2】：

您可以尝试使用 require 从文件路径加载图像，然后将其传递给 Image：

const imageFromFile= require('/storage/emulated/0/Pictures/Image.jpg');

<Image source={imageFromFile} style={styles.image} />

【讨论】：