Tab组件的Tabbar中字体的颜色如何修改

Tab组件的Tabbar中字体的颜色如何修改。

HarmonyOS
2024-06-04 00:19:53
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
kersin

可以使用@Builder装饰的函数来修改字体颜色。

关键代码:

Tabs({ barPosition: BarPosition.Start, controller: this.controller }) { 
  TabContent() { 
    Column().width('100%').height('100%').backgroundColor('#00CB87') 
  }.tabBar(this.TabBuilder(0, 'green')) 
} 
 
@Builder TabBuilder(index: number, name: string) { 
  Column() { 
    Text(name) 
      .fontSize(16) 
      .fontColor('#00CB87') 
      .fontWeight(this.currentIndex === index ? 500 : 400) 
      .lineHeight(22) 
      .margin({ top: 17, bottom: 7 }) 
    Divider() 
      .strokeWidth(2) 
      .color('#007DFF') 
      .opacity(this.currentIndex === index ? 1 : 0) 
  }.width('100%') 
}
分享
微博
QQ
微信
回复
2024-06-04 22:59:26
相关问题
想实现tabBar多个tab滚动
290浏览 • 1回复 待解决
鸿蒙怎么 修改状态栏字体颜色
12465浏览 • 1回复 待解决
如何修改Slider滑块颜色
460浏览 • 1回复 待解决
如何在TabstabBar,添加其他组件
596浏览 • 1回复 待解决
Tab导航栏tabbar组件突出上沿显示
2248浏览 • 1回复 待解决
如果改变 SubTabBarStyle 字体颜色
901浏览 • 1回复 待解决
HarmonyOS 状态栏颜色如何修改
37浏览 • 1回复 待解决
怎么修改PNG图片颜色
539浏览 • 1回复 待解决
如何修改DevEco颜色主题?
9989浏览 • 3回复 已解决