HarmonyOS 鸿蒙Next swiper轮播短视频没有动画效果

HarmonyOS 鸿蒙Next swiper轮播短视频没有动画效果

使用swiper结合Lazyforeach(demo为foreach,不过效果一样)进行短视频轮播时,没有动画效果,稍微滑动就直接跳到下一个视频,体验感不好,swiper借鉴该处:

https://developer.huawei.com/consumer/cn/doc/best-practices-V5/bpta-smooth-switching-V5

demo代码如下:

@Entry
@Component
export struct ScrollExample {
  scroller: Scroller = new Scroller()
  @State curIndex: number = 0
  private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

  build() {
    Swiper() {
      ForEach(this.arr, (item: number, index: number) => {
        Text(item.toString())
          .width('100%')
          .height(100)
          .fontSize(40)
          .backgroundColor(Color.Grey)
          .textAlign(TextAlign.Center)
      }, (item: string, index: number) => JSON.stringify(item) + index)
    }
    .index($$this.curIndex)
    .cachedCount(2)
    .width('100%')
    .height('100%')
    .vertical(true)
    .loop(true)
    .curve(Curve.Ease)
    .duration(600)
    .indicator(false)
    .backgroundColor(Color.Black)
    .vertical(true) // 允许滚动
    .itemSpace(8)
    .onGestureSwipe((index: number, extraInfo: SwiperAnimationEvent) => {
    })
    .onAnimationStart((index: number, targetIndex: number, extraInfo: SwiperAnimationEvent) => {
      this.curIndex = targetIndex;
    })
    .onAnimationEnd((index: number, extraInfo: SwiperAnimationEvent) => {
    })
  }
}