react-native image cache android

Question

So I have a fetch() call returning a background url labeled as data in the following code. The url is a user uploaded image and makes a call to my backend for uploaded image.

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

After I made this call with a jpeg file (37 kb) it will not show any other file except the first jpeg I uploaded. I have tried png and jpeg files of varying sizes.

Is there some type of image cache on android that is being activated and not allowing another image to be downloaded????

My ImageBackground tag is as follows:

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

Taslim · Accepted Answer · 2018-10-31 19:51:27Z

3

React native internally does the image caching, to get rid of this you can append the image url with time stamp. For instance,

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

answered Oct 31, 2018 at 19:51

Taslim

811 silver badge3 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mvandillen Over a year ago

This causes infinite rerenders as each render passes different props

Collectives™ on Stack Overflow

react-native image cache android

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related