HarmonyOS 鸿蒙Next中Tabs如何修改字体颜色
HarmonyOS 鸿蒙Next中Tabs如何修改字体颜色
NEXT版本中，因为要使用下面的滑块，已经自定义了，如何修改tabs的字体颜色？
Tabs({ barPosition: BarPosition.Start, controller : this.tabsController , index:this.currentIndex}) {
ForEach(this.listHeadTitleArr,(titleStr:string)=>{
TabContent() {
}.tabBar(SubTabBarStyle.of(titleStr)
.indicator({
color: this.indicatorColor, // 下划线颜色
height: this.indicatorHeight, // 下划线高度
width: this.indicatorWidth, // 下划线宽度
borderRadius: this.indicatorBorderRadius, // 下划线圆角半径
marginTop: this.indicatorSpace // 下划线与文字间距
})
.selectedMode(this.selectedMode)
.board({ borderRadius: this.subTabBorderRadius })
.labelStyle({
font: {
}
})
)
})
}
.outlineColor(Color.Black)
.barWidth(200)
.barHeight(this.tabHeight)
.barMode(BarMode.Scrollable) // 可以滚动
.fadingEdge(false)
.onChange((index : number)=>{
this.currentIndex = index
}) 这里面还有一个问题，就是BarMode.Scrollable情况下，滑动到边界的时候，还可以向左或者向右继续滑动，没法设置边界不能继续滑动嘛？
有大佬知道怎么处理这两个问题吗？
关于HarmonyOS 鸿蒙Next中Tabs如何修改字体颜色的问题，您也可以访问：https://www.itying.com/category-93-b0.html 联系官网客服。
9 回复
找HarmonyOS工作还需要会Flutter的哦，有需要Flutter教程的可以学学大地老师的教程，很不错，B站免费学的哦：https://www.bilibili.com/video/BV1S4411E7LY/?p=17
tabBar里面引用一个Builder函数，通过判断当前下表和传入的下表是否相等，改变字体颜色和图标，我这个里面只改了图标，字体同理
[@Builder](/user/Builder)
tabBuilder(text: string, index: number, icon: ResourceStr, selectedicon: ResourceStr) {
Column({ space: 5 }) {
Image(this.currentIndex == index ? selectedicon : icon)
.height(28)
.aspectRatio(1)
Text(text)
}
}
