2016-03-04 12 views
6

प्रतिक्रियात्मक कैश रिमोट छवियों पर प्रतिक्रिया करता है?प्रतिक्रियात्मक कैश रिमोट छवियों पर प्रतिक्रिया करता है?

मेरे पास एक ऐप है जो दर्जनों छवियों को दूरस्थ रूप से डाउनलोड करता है। ये छवियां मेरे ऐप में कैश लगती हैं, हालांकि, मुझे यकीन नहीं है कि यह ओएस है जो डिफ़ॉल्ट रूप से ऐसा कर रहा है, या यदि प्रतिक्रिया मूल उन्हें कैशिंग कर रहा है।

यदि यह प्रतिक्रियात्मक मूल है, तो क्या यह अनुकूलित करने का कोई तरीका है कि उन्हें कब तक कैश किया जाता है? या रिमोट सर्वर परिभाषित करता है?

उत्तर

3

यह सीधे प्रतिक्रियाशील नहीं है, यह केवल fetch है जो कैश काम करता है। हालांकि, fetch व्यवहार सर्वर सेटिंग्स पर भी निर्भर करता है (cache हेडर ज्यादातर बार)। Fetch API पर अधिक (अनुरोध शीर्षलेख में cache को परिभाषित करने के तरीके पर अच्छा उदाहरण के साथ) here

0

आपको मेरे उच्च ऑर्डर घटक मॉड्यूल में दिलचस्पी हो सकती है जो देशी संबंधित < छवि > घटक पर प्रदर्शन संबंधित छवि कैशिंग और "स्थायी कैश" कार्यक्षमता जोड़ती है। यह क्रॉस प्लेटफ़ॉर्म है जबकि < छवि > के लिए मानक कैशिंग कार्यक्षमता एंड्रॉइड बनाम आईओएस पर अलग है और यह अनियंत्रित व्यवहार के अलावा बहुत कुछ बदलती प्रतीत होती है।

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 एमबी agai से कम न हो एन।

दूसरी छवि स्थायी रूप से स्थानीय डिस्क में संग्रहीत की जाएगी। लोग इसे आपके ऐप के साथ स्थिर छवि फ़ाइलों को शिपिंग के प्रतिस्थापन में गिरावट के रूप में उपयोग करते हैं।

संबंधित मुद्दे