React Native 如何在 Image 组件中显示 Base64 字符串
要在 React Native 中将 Base64 字符串放在图像上,可以使用 'Image' 组件。可以通过将 'source' 属性设置为 Base64 字符串来显示图像。
以下是一个示例代码:
import React from 'react';
import { View, Image } from 'react-native';
const Base64Image = () => {
const base64String = 'data:image/png;base64,iVBORw0KG...'; // your base64 string
return (
<View>
<Image
source={{ uri: base64String }}
style={{ width: 200, height: 200 }}
/>
</View>
);
};
export default Base64Image;
在上面的示例中,'base64String' 是你的 Base64 字符串。然后,在 'Image' 组件的 'source' 属性中,将 'uri' 设置为 Base64 字符串。你还可以根据需要调整图像的尺寸。
注意:确保你的 Base64 字符串的格式正确,并且以 'data:image/[image format];base64,' 开头。
原文地址: https://www.cveoy.top/t/topic/ZGL 著作权归作者所有。请勿转载和采集!