expo-image-cache

Image Cache for React Native Expo.

• Use react-native-expo-image-cache.
• Load only once if many components display the same image at the same time.
• Show skeleton loader while loading. Use react-native-skeleton-content.

Install

npm install @sk39/expo-image-cache

Usage

Props

| Props | Default | Description | | ------------- |:-------------:| -----:| | source | - | ImagSource | | backgroundColor | '#e9eaf8' | | | onLoaded | null | | | onError | null | |

CacheImage

import React, { Component } from 'react'
import {CacheImage} from "@sk39/expo-image-cache"

class Example extends Component {
  render () {
    const source = {uri: "https://picsum.photos/510/300?random"}
    return (
        <View style={{width: 100, height: 60}}>
            <CacheImage source={source}/>
        </View>
    )
  }
}

Clear cache

import {ImageStore} from "@sk39/expo-image-cache";

await ImageStore.getInstance().clear()

License

MIT © sk39