加載新來源時隱藏圖像

Question

我已經實現了一個React Native組件，它顯示從遠程服務器加載的圖像。用戶可以將圖像從屏幕上滑出以導航到從遠程服務器再次加載的下一個圖像。在加載第二個圖像時，舊圖像仍然可以在屏幕上看到。

我希望加載下一張圖像時舊圖像消失。任何暗示如何實現這一目標？

支柱defaultSource僅適用於初始渲染（顯示第一幅圖像）但不適用於連續圖像。所以我猜React會重新使用引擎蓋下的Image。我玩過onLoadStart和onLoadEnd，但我不知道如何重置舊圖像的來源。

有什麼想法？

謝謝。

Answer 1

爲每張圖片添加一個獨特的key道具。它可以是數字或字符串。這將阻止React重新使用這些元素。