React native Image prefetch

Question

I am having difficulties to understand Image prefetch. In the doc\'s there is not much explanation about it:

\"Prefetches a remote image for

Answer 1

if there are alternate solutions to achieve caching of images when using react native with expo, could you please help me with it.

You may be interested in my higher order component module that adds performance related image caching and "permanent cache" functionality to the native component.

React Native Image Cache HOC

Tl;DR Code Example:

import imageCacheHoc from 'react-native-image-cache-hoc';
const CacheableImage = imageCacheHoc(Image);

export default class App extends Component<{}> {
  render() {
    return (
      
        Welcome to React Native!
        
        
      
  );
  }
}

The first image will be cached until the total local cache grows past 15 MB (by default) then cached images are deleted oldest first until total cache is below 15 MB again.

The second image will be stored to local disk permanently. People use this as a drop in replacement for shipping static image files with your app.

Personally I would not overcomplicate things by writing over files over and over when the file changes, that's just asking for a massive headache. Instead I would create a unique filename for each upload. So the user's profile pic the first time they upload is "profile-uniqueIdHere.jpg" and when they change their profile pic you just create a new file "profile-anotherUniqueIdHere.jpg" and update their user data to reflect the new file location. For help with creating unique Ids look at react-native-uuid.