预加载图像以便更快地显示

Question

我正在使用“ React native ”来构建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