reactnative 获取接口图片
时间: 2023-06-01 18:07:35 浏览: 142
reactnative显示本地图片
我可以帮您解答关于 reactnative 获取接口图片的问题。在使用reactnative开发时,可以通过fetch函数获取图片接口的数据流,然后将数据流转化成base64格式,最后使用Image组件进行展示。具体实现可以参考以下代码:
```
fetch('http://your_image_api_url', {
method: 'GET',
headers: { 'Content-Type': 'application/json' }
})
.then((response) => response.blob())
.then((blob) => {
const reader = new FileReader();
reader.readAsDataURL(blob);
reader.onloadend = () => {
const base64data = reader.result;
this.setState({ image: base64data });
};
})
.catch((error) => {
console.error(error);
});
//在render中使用Image组件展示图片
<Image
style={{ width: 100, height: 100 }}
source={{ uri: this.state.image }}
/>
```
希望能对您有所帮助。
阅读全文