加载新源时隐藏图像

Question

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

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

道具defaultSource仅适用于初始渲染（显示第一张图像），但不适用于连续图像。所以我猜React重新使用了引擎盖下的图像。我已经使用了onLoadStart和onLoadEnd，但我不知道如何重置旧图片的来源。

有什么想法吗？

感谢。

Answer 1

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