在更改状态以呈现不同的远程图像URI时，如何停止图像闪烁

Question

如果我有uris列表：

[
  https://example.com/pic1.jpg,
  https://example.com/pic2.jpg,
  https://example.com/pic3.jpg,
]

更改状态以从0切换到1：

this.setState({ index: 1 })

并渲染该图像：

<Image style={...} source={{ uri: images[this.state.index] }} />

pic2.jpg首次出现时，它将具有非常丑陋的闪烁。

我有一个场景，我希望用户可以加载第一个图像，然后点击以设置状态以查看其余图像。以某种方式预加载图像会很好，因此它们可以显示而不会闪烁。

有像https://github.com/dylanvann/reaeact-native-fast-image这样的图书馆，在第一个负载后会奏效，因为它会被缓存，但我想预定其他尿液时仍处于第一个URI状态。

Answer 1

哦，它凝视着我的脸。这恰好做我想要的事情：

https://github.com/dylanvann/reeact-native-native-fast-image#fastimagepreload-source- void