Cached image component for Expo's managed workflow

yarn add react-native-expo-cached-image

import CachedImage from 'react-native-expo-cached-image';

// In render()
<CachedImage style={styles.imageStyle} source={{ uri: 'https://qvault.io/wp-content/uploads/2019/05/QVault-app.png' }}/>

The CachedImage component downloads the image to the user's local filesystem using a deterministic hash of the URI as the path key. If the image is already downloaded, it will be rendered without re-downloading.

CachedImage is a direct wrapper of react-native Image and matches it's API. As such, all of its props are available as props to CachedImage. Styles are also passed down.

CachedImage can optionally be used as a wrapper of react-native ImageBackground. To do so, pass in the prop isBackground={true}.

import CachedImage from 'react-native-expo-cached-image';

// In render()
<CachedImage style={styles.imageStyle} isBackground={true} source={{ uri: 'https://qvault.io/wp-content/uploads/2019/05/QVault-app.png' }}/>

Submit an issue (above in the issues tab)

CachedImage Has been tested with the react-native Expo managed workflow. If you have success with other workflows let us know!

We love help! Contribute by forking the repo and opening pull requests. Please ensure that your code passes the existing tests and linting, and write tests to test your changes if applicable.

All pull requests should be submitted to the "master" branch.

yarn lint

yarn test