reactjs - 在本机反应中循环滚动视图
问题描述
我正在尝试创建一个不断重复其元素的滚动视图。假设它有 10 个元素,所以在第 10 个元素之后,第一个元素会出现,以此类推,无限。
注意:我不是在谈论无限滚动以加载更多元素。只是滚动视图中的循环结构。
我想到的解决方案是带有这 10 个元素的普通滚动视图,每次我到达 end 并调用onEndReached
时,它都会在其前面附加这 10 个元素,并给它一种错觉,即它实际上是循环或循环性质. 唯一的问题是它听起来效率不高,就像每次到达终点时都将重复的元素存储到数据数组中。有没有更好的解决方案?
解决方案
在 GitHub 中有一个名为react-native-snap-carousel 的库,它代表了一个丰富的轮播。也许你可以得到更好的想法。
您提到的解决方案中的另一个问题是,当您转到第一个滚动视图时,复制不会解决任何问题。
编辑1:
另一个库是react-native-swiper。
推荐阅读
- angular - Angular - 在服务上存储组件实例
- php - Zoho crm:第 3 步:生成访问令牌和刷新令牌
- vue.js - Wait for multiple images to load
- google-drive-api - 组织用户的 GoogleApi 单一令牌
- c - 如何将 48bit RRRRGGGGBBBB 颜色转换为 24bit RRGGBB 颜色格式
- c++ - 在竞争性编程中刷新输出是什么意思?
- reactjs - 在 ReactJS 中使用 optgroup 进行选择
- java - 只有一个哨兵节点的双端队列的 addLast 方法
- ruby-on-rails - 将局部变量分配给集合渲染的当前对象
- c++ - 将带有专用模板的 C++ 代码移植到 C 语言