React Native image cache and progressive loading for iOS and Android. Based on Expo Kit.
This is a component used in the React Native Elements and the React Native Fiber starter kits.
Checkout this medium story about react-native-expo-image-cache.
This package has a peer dependency with React, React Native, and Expo.
yarn add react-native-expo-image-cache
import {Image} from "react-native-expo-image-cache";
const preview = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";
const uri = "https://firebasestorage.googleapis.com/v0/b/react-native-e.appspot.com/o/b47b03a1e22e3f1fd884b5252de1e64a06a14126.png?alt=media&token=d636c423-3d94-440f-90c1-57c4de921641";
<Image style={{ height: 100, width: 100 }} {...{preview, uri}} />Get the local image from a remote URI
import {CacheManager} from "react-native-expo-image-cache";
const {uri} = this.props;
CacheManager.cache(uri, newURI => this.setState({ uri: newURI }));
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent