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)
    }
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
分享
微博
QQ
微信
回复
2024-12-24 17:55:28
相关问题
HarmonyOS 循环水平滚动
441浏览 • 1回复 待解决
list 支持循环滚动吗?
2850浏览 • 1回复 待解决
HarmonyOS DatePicker如何取消循环滚动
701浏览 • 1回复 待解决
HarmonyOS 数组对象排序
1101浏览 • 1回复 待解决
富文本web组件无法展示
2859浏览 • 1回复 待解决
ArkTS数组复制方法
2011浏览 • 1回复 待解决