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

Question

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

Answer 1

可以使用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)
    }
  }
}