#鸿蒙通关秘籍#如何使用Tabs组件创建自定义导航栏?

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
DB梦绘江

定义一个自定义的函数用于生成导航栏样式,然后在Tabs中使用该自定义函数:

plaintext @Builder tabBuilder(title: string, targetIndex: number, selectedImg: Resource, normalImg: Resource) { Column() { Image(this.currentIndex === targetIndex ? selectedImg : normalImg) .size({ width: 25, height: 25 }) Text(title) .fontColor(this.currentIndex === targetIndex ? '#1698CE' : '#6B6B6B') } .width('100%') .height(50) .justifyContent(FlexAlign.Center) }

TabContent() { Column(){ Text('我的内容')
} .width('100%') .height('100%') .backgroundColor('#007DFF') } .tabBar(tabBuilder('我的', 0, $r('app.media.mine_selected'), $r('app.media.mine_normal')))

分享
微博
QQ
微信
回复
2天前
相关问题
Tabs组件自定义导航UI问题
798浏览 • 1回复 待解决
如何自定义模拟Tabs组件
884浏览 • 1回复 待解决
如何自定义Video组件控制样式
2397浏览 • 1回复 待解决