HarmonyOS Swiper组件如何直接显示指定index的页面？

Question

场景为页面需要根据导航传入的参数直接跳转至对应的页面，而在aboutToAppear中调用swiperController.changeIndex()没有效果

Answer 1

可以通过如下方式实现：

Swiper组件的index属性支持状态绑定，即可实现跳转到指定index

@State currentIndex:number = 1
…
Swiper(this.swiperController) {
  …
}
.index(this.currentIndex) //使用状态变量
…
Row() {
  Button(‘to index 3’)
  .onClick(() => {
    this.currentIndex = 3 //状态变量修改值
  })
}