加载新来源时隐藏图像

Question

我已经实现了一个React Native组件，它显示从远程服务器加载的图像。用户可以将图像从屏幕上滑出以导航到从远程服务器再次加载的下一个图像。在加载第二个图像时，旧图像仍然可以在屏幕上看到。

我希望加载下一张图像时旧图像消失。任何暗示如何实现这一目标？

支柱defaultSource仅适用于初始渲染（显示第一幅图像）但不适用于连续图像。所以我猜React会重新使用引擎盖下的Image。我玩过onLoadStart和onLoadEnd，但我不知道如何重置旧图像的来源。

有什么想法？

谢谢。

Answer 1

为每张图片添加一个独特的key道具。它可以是数字或字符串。这将阻止React重新使用这些元素。