तुम मेरे उच्च आदेश घटक मॉड्यूल है कि देशी < छवि > घटक के प्रदर्शन से संबंधित छवि कैशिंग और "स्थायी कैश" कार्यक्षमता जोड़ता में रुचि हो सकती।
React Native Image Cache HOC
Tl, डॉ कोड उदाहरण:
import imageCacheHoc from 'react-native-image-cache-hoc';
const CacheableImage = imageCacheHoc(Image);
export default class App extends Component<{}> {
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>Welcome to React Native!</Text>
<CacheableImage style={styles.image} source={{uri: 'https://i.redd.it/rc29s4bz61uz.png'}} />
<CacheableImage style={styles.image} source={{uri: 'https://i.redd.it/hhhim0kc5swz.jpg'}} permanent={true} />
</View>
);
}
}
पहली छवि जब तक कुल स्थानीय कैश पिछले 15 एमबी (डिफ़ॉल्ट रूप से) बढ़ता है तो कैश की गई छवियों पहले सबसे पुराने नष्ट हो जाती हैं जब तक कुल संचित किया जाएगा कैश फिर से 15 एमबी से नीचे है।
दूसरी छवि स्थायी रूप से स्थानीय डिस्क में संग्रहीत की जाएगी। लोग इसे आपके ऐप के साथ स्थिर छवि फ़ाइलों को शिपिंग के प्रतिस्थापन में गिरावट के रूप में उपयोग करते हैं।
यह बॉक्स से आपकी आवश्यकता को संभालने चाहिए। आशा करता हूँ की ये काम करेगा!