#鸿蒙通关秘籍#如何在HarmonyOS NEXT中实现Tabs组件的滑动切换？

通过TabsController加上.onChange方法来实现Tabs组件的滑动切换及内容和页签的联动：

1. 定义TabsController和索引状态：

private tabsController: TabsController = new TabsController();
@State currentIndex: number = 0;

2. 使用TabsController和onChange方法：

Tabs({ barPosition: BarPosition.End, controller: this.tabsController }) {
  TabContent() {
    ...
  }.tabBar(this.TabBuilder('首页', 0))

  TabContent() {
    ...
  }.tabBar(this.TabBuilder('发现', 1))

  TabContent() {
    ...
  }.tabBar(this.TabBuilder('推荐', 2))

  TabContent() {
    ...
  }
  .tabBar(this.TabBuilder('我的', 3))
}.onChange((index) => {
  this.currentIndex = index;
})