#鸿蒙通关秘籍#如何在鸿蒙中实现导航栏与内容页的联动切换？

Tabs组件提供onChange事件方法，它可以监听选项卡索引的变化，将currentIndex值传递给组件，确保导航栏和内容页同步切换。

javascript @Entry @Component struct TabsExample1 { @State currentIndex: number = 2

build() { Column() { Tabs({ barPosition: BarPosition.End }) { TabContent() { ... }.tabBar('首页')

    TabContent() {
      ...
    }.tabBar('发现')
  }
  .onChange((index: number) => {
    this.currentIndex = index
  })
}
1.
2.
3.
4.
5.
6.
7.
8.

} }