Image.prefetch不會自動從緩存中加載[React-Native/Expo]

Question

我想了解如何緩存圖片url，以便它不需要重新下載。 我已經採取一看：https://docs.expo.io/versions/v19.0.0/guides/preloading-and-caching-assets.html 並一直在使用Image.prefetch像這樣：

const prefetchedImages = images.map(url => { 
    console.log('url', url) //this is correctly logging the url 
    return Image.prefetch(url) 
}); 

Promise.all(prefetchedImages) 
    .then(() => { 
     this.setState({loaded:true}) 
}) 

這最終並設置狀態爲真。然後，我在不同的組件中呈現圖像，但是我確保預取的組件不會卸載。我加載URL像這樣：

<Image source={{uri: myImageUrl}} style={{width:100, height:100}} /> 

當我載入圖片到我的網格視圖中，只有本地的圖像立即顯示，並與URL中的有白了一會兒渲染之前。在iOS上使用緩存：'force-cache'時，圖像實際上是從緩存中加載的，並且沒有延遲。如果我使用預取，我認爲我不需要那樣做。

我在這裏錯過了什麼嗎？我以爲我可以像往常一樣調用我的圖像源，系統會知道如何抓取該網址的緩存圖像。

Answer 1

我不認爲預取就像從緩存中加載圖像一樣簡單，只是因爲它在緩存中，如果這是有道理的。

看看這個帖子https://github.com/facebook/react-native/issues/2314和這個問題React native Image prefetch。

如果要保存圖像並使它們始終可用，請查看https://www.npmjs.com/package/react-native-preload-images。