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
相关问题
鸿蒙怎么 修改状态栏字体颜色
10718浏览 • 1回复 待解决
Tab导航栏tabbar组件突出上沿显示
746浏览 • 1回复 待解决
如果改变 SubTabBarStyle 字体颜色
438浏览 • 1回复 待解决
如何修改DevEco颜色主题?
8245浏览 • 3回复 已解决
popup组件气泡框指向颜色怎么修改
5714浏览 • 1回复 待解决
JS 卡片背景颜色怎么修改呢?
5439浏览 • 3回复 待解决
button 字体颜色无法改变
2239浏览 • 1回复 待解决
自编译skia库如何修改字体
552浏览 • 1回复 待解决
如何实现组件边缘颜色渐变
664浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
959浏览 • 1回复 待解决
Deveco studio如何修改java文件名称
4599浏览 • 3回复 待解决
RichEditor组件如何设置初始字体样式
486浏览 • 1回复 待解决
鸿蒙如何自定义字体文件
17933浏览 • 1回复 待解决