React Native Image.prefetch如何工作?

时间:2016-11-21 12:16:34

标签: react-native

有人可以解释一下,RN Image.prefetch是如何运作的吗?我已经阅读了文档和示例,但我无法获得,那里发生了什么。

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

  2. 当我需要调用Image.prefetch方法时:例如在componentWillMount中的图片呈现之前或loadEnd回调中的图片加载之后,就像文档中显示的一样示例

  3. 提前感谢您的回答。

1 个答案:

答案 0 :(得分:4)

文档中给出的示例看起来令人困惑但实际上非常简单。您可以预先获取图像,当您想要显示它们时,只需像往常一样使用Image组件。 例如,在初始场景中,您可以在预取所有图像时显示ActivityIndicator,一旦完成,只需显示图像就像没有预取的那样。

回答你的问题:

  1. 图像将自动从缓存加载,无需手动检查。确保不要再次卸载/装载预取的场景,因为它将再次开始加载图像。
  2. 在图像渲染之前,在渲染图像时渲染图像时,最好在某些场景中渲染。您可以使用onLoadEnd知道何时显示下一个场景。您可以使用componentWillMount进行预取,只需在完成预览后再渲染ActivityIndicator之类的其他内容,一旦完成渲染图像。
  3. 希望它有所帮助。