React-native-fast-image: FastImage.cache.web does not work on Android

Created on 12 Sep 2018 · 11Comments · Source: DylanVann/react-native-fast-image

FastImage.cache.web - Use headers and follow normal caching procedures.

@DylanVann
The image view does not render when use the property cache: 'web'

<FastImage
    source={{
    uri: source.uri,
    cache: 'web'
}}/>

Source

phuongwd

All 11 comments

It renders for me, but doesn't seem to cache.

edo1493 on 18 Nov 2018

Hi @DylanVann, I can see the images flickering, so it seems the component doesn't re-use what was downloaded before. Do you have any means to reproduce this?

I tried setting skipMemoryCache = true to false in RequestOptions, but looks like I get the default behaviour instead. :(

edo1493 on 19 Nov 2018

@edo1493 experiencing the same problem. Cache strategy web doesn't seem to work on Android. Did you find a workaround for this?

jeffharris23 on 6 Mar 2019

Same problem here, any news?

fang0rnz on 29 May 2019

👍1

@DylanVann Do you know any workaround?

savioserra on 28 Aug 2019

@edo1493 Any idea why on Android it is not caching the images when set to web mode?

reyalpsirc on 2 Oct 2019

I dug into this as it was a blocker for me using it.
Seems like the OkHttpClient didn't have a cache configured.

I fixed this locally with a patch. (using patch-package)
In FastImageOkHttpProgressGlideModule.java
I added a cache

         OkHttpClient client = OkHttpClientProvider
                 .getOkHttpClient()
                 .newBuilder()
+                .cache(new Cache(
+                    new File(context.getCacheDir(), "image-cache"),
+                    100 * 1024 * 1024))
                 .addInterceptor(createInterceptor(progressListener))
                 .build();

Replace "100 * 1024 * 1024" with whatever cache size you want.

Disclaimer. I'm not sure if this affects the other caching methods, but I always want to use web in my app, so I wasn't concerned.