React-native - 使用base64

Question

当我从服务器收到base64图像时，我将其保存到android文件系统 是否可以为Image提供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} />