Image reloaded on rerender

[Aryk]

Great library! But I'm having some issues with caching and rerendering. See below:

Things I checked:

The default image you see is fed as the "uri". It does not change. It has no query parameters that changes. Its just a simple public url.

Indeed it seems like the image is cached, but I'm not sure why it has to go through the fade-in effect all over again.

I even tried using React.memo around the Image component, and still same thing.

Does this happen to other people? What am i missing?

      <Image
        uri={uri}
        preview={{uri: previewUri}}
        style={{width: circleStyle.width, height: circleStyle.height}}
      />

[maxyharr]

Having the same issue. I don't understand the flicker. Not using preview, but also not sure how to use with cachemanager.

[komelabbbas]

use fadeDuration
https://reactnative.dev/docs/image.html#fadeduration

[rrebase]

fadeDurationseems to be android only, but it happens in IOS as well. I decided to decrease transitionDuration to reduce the flicker. Has anyone solved this?

[namendes]

This probably due to the component you have around the Image component