react-native - React Native Image.prefetch 是如何工作的？

Question

谁能解释一下，RN Image.prefetch作品？我已经阅读了文档和示例，但我不知道那里会发生什么。

当我们预取一次图像时，它会自动从缓存中加载，当我想在其他地方使用它或者我需要手动进行一些检查时？

当我需要调用Image.prefetch方法:在componentWillMount中的图像渲染之前例如或在 loadEnd 中加载图像之后回调，就像它在文档示例中显示的那样？

提前感谢您的回答。

Answer 1

文档中给出的示例似乎令人困惑，但实际上非常简单。您提前预取图像，当您想要显示它们时，只需像往常一样使用 Image 组件。
例如，在某些初始场景中，您可以显示 ActivityIndicator当您预取所有图像时，一旦完成，只需像没有预取的情况一样显示图像。

要回答您的问题:

图像将从缓存自动加载，无需手动检查。确保不要再次卸载/安装执行预取的场景，因为它将再次开始加载图像。

在图像渲染之前，最好在某些场景之前，因为在渲染显示它的场景时渲染图像。您可以使用 onLoadEnd知道什么时候展示下一个场景。您可以使用 componentWillMount要进行预取，只需渲染其他内容，例如 ActivityIndicator在 prefech 完成后，一旦完成渲染图像。

希望能帮助到你。