#鸿蒙通关秘籍#如何在HarmonyOS Next的TabBar中自定义图标和标签文字颜色？

通过设置自定义函数tabBuilder，使用Image组件以及Text组件实现图标和文字的不同颜色状态切换。利用状态值current判断当前标签是否被选中，并通过三元运算符条件设置图标和文字颜色：

tabBuilder($$: BuilderParams) {
  Column() {
    Image(this.current === $$.index ? $$.selectIcon : $$.normalIcon).width(26)
    Text($$.label)
      .fontSize('12fp')
      .fontColor(this.current === $$.index ? '#62C9D0' : '#909090')
      .margin({ top: 3 })
  }
  .onClick(() => {
    this.current = $$.index
    this.controller.changeIndex(this.current)
  })
}