Images occasionally fail to render after background

[oddanderson]

My config:

CacheManager.config = {
  baseDir: `${Dirs.CacheDir}/images_cache/`,
  blurRadius: 15,
  cacheLimit: 1024 * 1024 * 20,
  maxRetries: 3,
  retryDelay: 200,
  sourceAnimationDuration: 200,
  thumbnailAnimationDuration: 200,
};

Using Expo to install.

Happens on iOS, reproduceable only on a device, not simulator.

On app open, the images all load correctly in a FlatList. However, after backgrounding the app for ~2 minutes and re-opening, many of the images that had previously loaded will gone and will not return without force quitting.

[oddanderson]

I did identify what's happening.

If the cache limit is hit and images are pruned while in a Flatlist, there is nothing that will trigger re-fetching the images until the flatlist items are recycled, which doesn't seem to happen very often.

[vieraleonel]

@oddanderson did you find any workaround for this?

[oddanderson]

@vieraleonel we did two things:

1. we used a separate smaller image to cache in flat lists
2. increased cache limit

since then we haven't had any issues. we started with a pretty aggressive cache limit. bc flatlist doesn't immediately recycle views as you scroll, you want to make sure your cache limit is substantially larger than a few scrolled screens of a flatlist