Question

在我的React-native应用程序中，我正在通过URL加载图像。

现在，问题是，有时图像加载需要一些时间（例如2-3秒）。

那时候，我想显示加载程序以避免显示纯空白。

URL是动态的

<Image 
 source={{uri: this.props.news["Data"][this.newNumber]["imageurl"]}}
  style={imageurl}
    />

问题1：如何实现？

问题：2 另外，this.newNumber是一个整数，我正在按1递增或递减（在触摸事件上）。

我正在考虑预先存储/调用下一张图像，因此当用户单击下一步时，该图像应该已经加载。我该如何实现？

Answer 1

您可以使用图像onload事件。对于第一个渲染，您将显示加载器，并具有一些本地组件状态以显示或不显示该加载器。加载完成后，onload事件将触发，您可以更改隐藏加载器的本地状态。

Answer 2

我建议您使用CachedImage来显示图像。