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

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

HarmonyOS
2天前
浏览
收藏 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
微信
回复
2天前
相关问题
list 支持循环滚动吗?
2224浏览 • 1回复 待解决
HarmonyOS DatePicker如何取消循环滚动
44浏览 • 1回复 待解决
HarmonyOS 数组对象排序
23浏览 • 1回复 待解决
富文本web组件无法展示
2100浏览 • 1回复 待解决
ArkTS数组复制方法
1174浏览 • 1回复 待解决
如何删除数组空值?
383浏览 • 1回复 待解决
WantAgentInfowants为什么是数组
1845浏览 • 1回复 待解决