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

HarmonyOS
12h前
浏览
收藏 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
微信
回复
10h前
相关问题
DevEco Studio如何打开多行
825浏览 • 1回复 待解决
如何跳转到APP设置权限管理
908浏览 • 1回复 待解决