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

Question

当我从服务器收到 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} />  

图像仍未渲染。

有任何想法吗？？

Answer 1

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

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

Answer 2

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

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

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