反应本机图像缓存 android

Question

所以我有一个 fetch() 调用返回一个背景 url 标记为以下代码中的数据。 url 是用户上传的图片并调用我的后端以获取上传的图片。

await fetch(URL3)
  .then(response => response.json())
  .then(data => {
    this.setState({
      userBackground: data,
      loading: false
    });
  });

在我使用 jpeg 文件 (37 kb) 进行此调用后，除了我上传的第一个 jpeg 文件外，它不会显示任何其他文件。我试过不同大小的 png 和 jpeg 文件。

android 上是否有某种类型的图像缓存正在激活并且不允许下载其他图像？？？？

我的ImageBackground标签如下：

<ImageBackground
    source={this.state.userBackground === null ? this.state.background : { uri: `${uri}` }}
    style={{ width: '100%', height: '100%' }}
  >

Answer 1

React native 在内部进行图像缓存，要摆脱这种情况，您可以在图像 url 上附加时间戳。例如，

let imageUrl = `${this.state.userBackground}?time=`+new Date(); 
<ImageBackground
source={imageUrl}
style={{ width: '100%', height: '100%' }}
>

反应本机图像缓存 android

react-native image cache android

android

react-native

imagebackground