#鸿蒙通关秘籍#如何使用Tabs组件控制器进行页签切换？

通过 TabsController 可在代码中控制页签切换，如下代码所示：

@Entry
@Component
struct TabsControllerExample {
  private controller = new TabsController();

  build() {
    Column() {
      Tabs({ controller: this.controller }) {
        TabContent() {
          Column().width('100%').height('100%').backgroundColor('#00CB87');
        }.tabBar('Tab 1')

        TabContent() {
          Column().width('100%').height('100%').backgroundColor('#007DFF');
        }.tabBar('Tab 2')
      }
      
      Button('Switch to Tab 1').onClick(() => {
        this.controller.changeIndex(0);
      })

      Button('Switch to Tab 2').onClick(() => {
        this.controller.changeIndex(1);
      })
    }
  }
}