A React Native component that caches remote images in the file system with progressive loading for iOS and Android.
Basic usage:
1. Install and import the component.
# NPM $ npm i @georstat/react-native-image-cache
import { CachedImage } from '@georstat/react-native-image-cache';
2. Cache a remote image.
<CachedImage
source="/path/to/image/"
style={{ height: 450, width: 350 }}
thumbnailSource="/path/to/thumb/"
/>;
3. Clear the cache.
import { CacheManager } from '@georstat/react-native-image-cache';
await CacheManager.clearCache();
4. Get the image file zie.
await CacheManager.getCacheSize();
5. Available component props.
cacheKey?: string;
sourceAnimationDuration?: number;
loadingImageComponent?: React.ReactNode;
loadingImageStyle?: StyleProp<ImageStyle>;
loadingSource?: ImageSourcePropType;
onError: (error: { nativeEvent: { error: Error } }) => void;
options?: DownloadOptions;
resizeMode?: ImageResizeMode;
source: string;
style?: StyleProp<ImageStyle>;
thumbnailAnimationDuration?: number;
thumbnailSource: string;
Preview:
Download Details:
Author: georstat
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/georstat/react-native-image-cache
License: MIT
