首页 > 解决方案 > 在本机反应中循环滚动视图

问题描述

我正在尝试创建一个不断重复其元素的滚动视图。假设它有 10 个元素,所以在第 10 个元素之后,第一个元素会出现,以此类推,无限。

注意:我不是在谈论无限滚动以加载更多元素。只是滚动视图中的循环结构。

我想到的解决方案是带有这 10 个元素的普通滚动视图,每次我到达 end 并调用onEndReached时,它都会在其前面附加这 10 个元素,并给它一种错觉,即它实际上是循环或循环性质. 唯一的问题是它听起来效率不高,就像每次到达终点时都将重复的元素存储到数据数组中。有没有更好的解决方案?

标签: reactjsreact-native

解决方案


在 GitHub 中有一个名为react-native-snap-carousel 库,它代表了一个丰富的轮播。也许你可以得到更好的想法。

您提到的解决方案中的另一个问题是,当您转到第一个滚动视图时,复制不会解决任何问题。

编辑1:

另一个库是react-native-swiper


推荐阅读