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

Question

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

例如，像这样：

<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} />