React Native Cached Image screenshot

React Native Cached Image

Author Avatar Theme by Kfiroo
Updated: 16 Jul 2020
936 Stars

CachedImage component for react-native

Categories

Overview:

The react-native-cached-image package provides a CachedImage component for react-native, inspired by react-native-cacheable-image. It enhances image caching functionality for react-native applications.

Features:

  • ImageCacheManager: Manages cache functionality, including downloading, seeding, deleting, clearing cache, and retrieving cache info.
  • CachedImage Component: A drop-in replacement for the Image component that caches remote URLs for improved performance.
  • RenderImage Prop: Allows for overriding the underlying Image component with a custom render function.
  • ActivityIndicatorProps: Props for customizing the ActivityIndicator shown while images are being downloaded.

Installation:

To install the package, use react-native-fetch-blob for file system access. Additionally, you may need to add Android permissions to AndroidManifest.xml. Make sure to include the required modules and follow the specified steps for a successful installation.

Summary:

The react-native-cached-image package offers enhanced image caching capabilities for react-native apps, with features like ImageCacheManager for efficient caching operations and CachedImage component for seamless integration. By providing an easy-to-use API and customizable props, it simplifies the process of caching images for optimal performance in react-native applications.