HarmonyOS鸿蒙Next中有什么办法让swiper出现的时候，开始就是最后一张

HarmonyOS鸿蒙Next中有什么办法让swiper出现的时候，开始就是最后一张 swiper在一个tabcontent中，但是我想让切换过来的时候，swiper显示的就是最后一个，怎么做，不是循环播放的轮播图，单纯的进行滑动切换的，但是显示的时候就是最后一张，并且没有跳转的痕迹，swiperContrller.changeIndex的方法会有视觉上的切换

6 回复

为什么有这么奇怪的需求呀？

你试试index属性行不行。

Swiper(){
// 你的代码
}
.index(最后索引)

更多关于HarmonyOS鸿蒙Next中有什么办法让swiper出现的时候，开始就是最后一张的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


需求其实是swpier包裹了swiper实现阅读的滑动翻页，但是跳转到中间的章节往前滑动的话，前面的swiper就是第一页，怕描述不清楚，想了个类似的布局，

那你先试试用 index() 看能不能实现你的需求，希望对你有帮助。

使用navgation布局的底部tool就行了

在HarmonyOS鸿蒙Next中，可以通过设置Swiper组件的index属性来实现初始显示最后一张。Swiper组件用于实现轮播图效果，index属性用于指定初始显示的页面索引。

假设Swiper中有N张图片，要让初始显示最后一张，可以将index设置为N-1。例如：

@Entry
@Component
struct MyComponent {
  private swiperController: SwiperController = new SwiperController()

  build() {
    Swiper(this.swiperController) {
      // 添加轮播项
      ForEach([0, 1, 2, 3], (index: number) => {
        Image($r('app.media.image' + index))
          .width('100%')
          .height('100%')
      })
    }
    .index(3) // 初始显示最后一张
    .autoPlay(false)
  }
}

在以上代码中，index(3)表示初始显示第四张图片（索引从0开始）。确保index的值不超过轮播项的总数减一。

在HarmonyOS鸿蒙Next中，可以通过设置Swiper组件的index属性来实现初始显示最后一张。首先获取Swiper的总页数，然后将index设置为总页数减一即可。示例代码如下：

let total = swiper.children.length;
swiper.index = total - 1;

这样，Swiper在初始化时会直接显示最后一张。

回到顶部