HarmonyOS 列表无缝循环滚动？

Question

如题：HarmonyOS 列表无缝循环滚动？

Answer 1

swiper设置 displayCount 显示数量，然后设置 vertical 竖向滑动，再设置loop自动轮播配合LazyForEach自动播放

@Component
export struct SwiperText{
  swiperData: number[] = [0,1,2,3,4,5,6,7,8,9];

  build() {
    Row() {
      Image($r("app.media.ic_more"))
        .height(20)
        .width(20)
        .backgroundColor(Color.Black)

      Swiper() {
        ForEach(this.swiperData, (item: number) => {
          Column() {
            Text(`${item}`)
              .fontSize(18)
              .width("80%")
          }.alignItems(HorizontalAlign.Start)

        }, (item: number) => JSON.stringify(item))
      }
      .displayCount(5,false)
      .width(10)
      .loop(true)
      .autoPlay(true)
      .vertical(true)
      .indicator(false)
      .interval(10)
      .duration(1000)
      .curve(Curve.Linear)
    }
  }
}