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滚动
185浏览 • 1回复 待解决
鸿蒙怎么 修改状态栏字体颜色
12095浏览 • 1回复 待解决
如何在TabstabBar,添加其他组件
416浏览 • 1回复 待解决
如何修改Slider滑块颜色
250浏览 • 1回复 待解决
Tab导航栏tabbar组件突出上沿显示
2068浏览 • 1回复 待解决
如果改变 SubTabBarStyle 字体颜色
750浏览 • 1回复 待解决
怎么修改PNG图片颜色
238浏览 • 1回复 待解决
如何修改DevEco颜色主题?
9707浏览 • 3回复 已解决
HarmonyOS 如何设定tabs组件tabbar样式
405浏览 • 1回复 待解决
popup组件气泡框指向颜色怎么修改
7079浏览 • 1回复 待解决
text组件字体如何加粗?
129浏览 • 1回复 待解决
自编译skia库如何修改字体
918浏览 • 1回复 待解决
JS 卡片背景颜色怎么修改呢?
6559浏览 • 3回复 待解决
button 字体颜色无法改变
3467浏览 • 1回复 待解决