#鸿蒙通关秘籍#如何实现Tabs组件切换后获取触发的事件?

HarmonyOS
2024-12-04 14:38:36
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
CD金戈铁马

使用onChange事件监听Tabs切换后的状态变更,以下代码展示了如何获取触发的事件:

@Entry
@Component
struct TabsOnChangeExample {
  @State currentIndex = 0;
  
  build() {
    Tabs({ index: this.currentIndex }) {
      TabContent() {
        Column().width('100%').height('100%').backgroundColor('#00CB87');
      }.tabBar('First Tab')

      TabContent() {
        Column().width('100%').height('100%').backgroundColor('#007DFF');
      }.tabBar('Second Tab')
    }
    .onChange((index) => {
      this.currentIndex = index;
      console.info(`Tab changed to index: ${index}`);
    });
  }
}
分享
微博
QQ
微信
回复
2024-12-04 15:54:55
相关问题
HarmonyOS Tabs组件切换
467浏览 • 1回复 待解决