避免在平面列表中循环后重新渲染图像

Question

我正在使用 react-native-swiper 库来创建简单的 swiper。它是基于 flatlist 构建的。

 <Swiper
      removeClippedSubviews={false}
      autoplay
      key={jsonMovies.length}
      loadMinimal={true}
      loop={true}
      loadMinimalSize={1}
      loadMinimalLoader={<ActivityIndicator />}
    >
      {Pages()}
    </Swiper>

在我将循环设置为 true 后，一旦幻灯片完成，当幻灯片从第一张幻灯片再次开始时，图像会再次重新渲染。如何避免重新渲染。

我添加了 flatlist 属性 removeClippedSubviews={false} ，仍然是同样的问题。

Answer 1

如果您的键 jsonMovies.length 在幻灯片再次开始时发生变化，这是正常的，请尝试设置一个在循环之间不发生变化的键。

如果不是这种情况，则可能是库设计选择，更好的方法是使用缓存系统，例如：

https://github.com/DylanVann/react-native-fast-image