在React Native中循环滚动视图

时间:2018-07-27 19:07:08

标签: reactjs react-native

我正在尝试创建一个滚动视图,并继续重复其元素。假设它有10个元素,因此在第10个元素之后,第1个元素将无限显示,依此类推。

注意:我不是在说无限滚动来加载更多元素。滚动视图中只是一个循环结构。

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

1 个答案:

答案 0 :(得分:0)

GitHub中有一个名为 react-native-snap-carousel here的库,它代表一个丰富的轮播。也许您可以获得更好的主意。

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

编辑1:

另一个图书馆是react-native-swiper