HarmonyOS 数组中的数据在滚动中循环展示

在stack中使用Foreach遍历渲染某个数组,数组长度为5,使用office对数据项进行偏移,使每次stack中只能展示3个数据项(可以理解为每一项占据宽度为30%),结合手势滑动,实现左右滚动效果,要求无论往任何方向滑动时都能循环展示数据,例如向右滑动时,依次展示数组的末尾项/第一项/第二项…

HarmonyOS
2024-12-24 15:25:22
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

可以使用Swiper

@Entry
@Component
struct Page {
  private swiperController: SwiperController = new SwiperController()
  @State arr:string[]=['1','2','3','4','5']
  build() {
    Stack() {
      Swiper(this.swiperController) {
        ForEach(this.arr, (item: string) => {
          Column() {
            Text(item)
              .backgroundColor(Color.Gray)
              .textAlign(TextAlign.Center)
              .fontSize(30)
          }
          .backgroundColor(Color.Gray)
        })
      }
      .indicator(false)
      .displayCount(3)
    }
  }
}
分享
微博
QQ
微信
回复
2024-12-24 17:55:28
相关问题
HarmonyOS 循环水平滚动
55浏览 • 1回复 待解决
list 支持循环滚动吗?
2376浏览 • 1回复 待解决
HarmonyOS DatePicker如何取消循环滚动
215浏览 • 1回复 待解决
HarmonyOS 数组对象排序
268浏览 • 1回复 待解决
富文本web组件无法展示
2316浏览 • 1回复 待解决
ArkTS数组复制方法
1430浏览 • 1回复 待解决