#鸿蒙通关秘籍#如何通过TabsController功能来实现内容页和页签的切换?

HarmonyOS
2024-12-04 15:36:09
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Y影刃CSS

可以使用TabsController及其changeIndex方法来控制内容页的跳转:

@State currentIndex: number = 2
private controller: TabsController = new TabsController()

Tabs({ barPosition: BarPosition.End, index: this.currentIndex, controller: this.controller }) {
  // 定义各个TabContent部分
}
.height(600)
.onChange((index: number) => {
   this.currentIndex = index
})

Button('动态修改index').width('50%').margin({ top: 20 })
  .onClick(() => {
    this.currentIndex = (this.currentIndex + 1) % 4
})

Button('changeIndex').width('50%').margin({ top: 20 })
  .onClick(() => {
    let index = (this.currentIndex + 1) % 4
    this.controller.changeIndex(index)
})
分享
微博
QQ
微信
回复
2024-12-04 17:00:21
相关问题
HarmonyOS tab组件该怎么实现
142浏览 • 1回复 待解决
DevEco Studio如何打开多行
1056浏览 • 1回复 待解决