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%') 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
分享
微博
QQ
微信
回复
2024-06-04 22:59:26


相关问题
鸿蒙怎么 修改状态栏字体颜色
12991浏览 • 1回复 待解决
HarmonyOS 批量修改组件颜色
341浏览 • 1回复 待解决
想实现tabBar多个tab滚动
833浏览 • 1回复 待解决
如何修改Slider滑块颜色
775浏览 • 1回复 待解决
HarmonyOS 怎么自定义TabTabbar
414浏览 • 1回复 待解决
HarmonyOS List字体大小全局修改
436浏览 • 1回复 待解决
HarmonyOS 怎么配置tab默认选择tabBar
692浏览 • 1回复 待解决
如果改变 SubTabBarStyle 字体颜色
1074浏览 • 1回复 待解决
如何在TabstabBar,添加其他组件
1141浏览 • 1回复 待解决
Tab导航栏tabbar组件突出上沿显示
2743浏览 • 1回复 待解决