The loadingBuilder method overrides the cached image

[migdev-br]

Hi team, before caching the loadingBuilder shows a circular progress indicator with fadeIn effect, which is fine, however, if I navigate to another page and get back, the loadingBuilder checks if the image is cached as expected but it shows nothing before loading the image that was already cached resulting in a terrible UX.

I appreciate it if you guys have a look at this.

Thanks a lot!

[CHRISTOPANANJICKAL]

Can you post a sample video showing the issue

[migdev-br]

Hi, please check below.
https://github.com/migdev-br/cachtest-app
Thanks,

[CHRISTOPANANJICKAL]

loading.builder.mp4

@migdev-br I could see the loading builder after navigating again to the image page. Can you please clarify the issue which you have mentioned?

[migdev-br]

The loading indicator and fade-in effect should be visible only when the image is loading/fetching, once cached the image should appear directly.
That should be the expected behavior from my point of view and also as per cached_network_image package.

[CHRISTOPANANJICKAL]

I see. But here when the fastCachedImage is called, we need to check and get the image from the cache which will be an asynchronous function. This function may take some time if the cache db big. So there is no way to avoid a loading indicator until the image is retrieved from the DB.