預加載圖像更快地顯示

Question

我使用「陣營本地」建立在目前的iOS應用。

我目前注意到一個問題，而在「圖像」元素顯示圖像通過source={{uri: ...}}加載從互聯網上的圖像時。有時候，我會看到圖像短暫的白色閃光，就好像它正在重新加載圖像一樣。這種重新加載與我將圖像從一個「圖像」元素轉移到另一個元素的事實有關。

然而，使用的局部圖像時，這種「白色閃光」是不發生（例如，來自的XCode）。我的想法是預先加載圖像並將其保存爲「本地」，然後使用本地圖像作爲「圖像」組件的源而不是URL。這也會減少產生的流量。

可否請你給我一個提示如何做到這一點？我已經閱讀過「圖像」文檔，您可以將本地圖像作爲源代碼，但我不知道如何在「實時」創建它們。

Answer 1

最新RN現在包括一些預取功能。看看https://facebook.github.io/react-native/docs/image.html，看到了兩種方法：

getSize和prefetch

如果你被困在一箇舊版本，你還可以在如何在iOS版使您的自己的預取讀此票的說明：https://github.com/facebook/react-native/issues/2314