HarmonyOS Tabs

tabs组件使用 SubTabBarStyle tabBar的字体颜色还有tabBar的颜色在哪里设置

HarmonyOS
2024-12-20 17:26:12
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

设置字体颜色,可以使用自定义导航栏参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-navigation-tabs-V5#自定义导航栏

demo:

@Entry
@Component
struct TabsExample1 {
  @State currentIndex: number = 2

  @Builder tabBuilder(title: string, targetIndex: number) {
    Column() {
      Text(title)
        .fontColor(this.currentIndex === targetIndex ? '#FF0000' : '#00FF00')
    }
  }

  build() {
    Column() {
      Tabs({ barPosition: BarPosition.End }) {
        TabContent() {

        }.tabBar(this.tabBuilder('首页', 0))

        TabContent() {

        }.tabBar(this.tabBuilder('发现', 1))

        TabContent() {

        }.tabBar(this.tabBuilder('推荐', 2))

        TabContent() {

        }.tabBar(this.tabBuilder('我的', 3))
      }
      .animationDuration(0)
      .backgroundColor('#F1F3F5')
      .onChange((index: number) => {
        this.currentIndex = index
      })
    }.width('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-20 18:25:13
相关问题
HarmonyOS Tabs组件嵌套Tabs组件问题
1171浏览 • 1回复 待解决
HarmonyOS Tabs组件的Tabs如何左对齐?
720浏览 • 1回复 待解决
HarmonyOS tabs阴影效果
1154浏览 • 1回复 待解决
HarmonyOS tabs支持nextmargin
369浏览 • 1回复 待解决
HarmonyOS tabs切换问题
129浏览 • 1回复 待解决
HarmonyOS Tabs位置问题
179浏览 • 1回复 待解决
HarmonyOS Tabs组件切换
645浏览 • 1回复 待解决
HarmonyOS tabs对齐问题
198浏览 • 1回复 待解决
HarmonyOS Tabs组件无法全屏
196浏览 • 1回复 待解决
HarmonyOS Tabs组件左对齐
293浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套滑动
751浏览 • 1回复 待解决
HarmonyOS Tabs嵌套使用问题
307浏览 • 1回复 待解决
HarmonyOS Tabs控件fadingEdge问题
901浏览 • 1回复 待解决
HarmonyOS Tabs组件宽度问题
220浏览 • 1回复 待解决
HarmonyOS Tabs BarMode枚举问题
514浏览 • 1回复 待解决
HarmonyOS Tabs框架切换问题
271浏览 • 1回复 待解决
HarmonyOS Tabs默认高度问题
495浏览 • 1回复 待解决
HarmonyOS Tabs如何左对齐?
197浏览 • 1回复 待解决
HarmonyOS Tabs怎么隐藏bar
589浏览 • 1回复 待解决
HarmonyOS Tabs嵌套Grid问题
403浏览 • 1回复 待解决
HarmonyOS Tabs控件切换卡顿
243浏览 • 1回复 待解决
HarmonyOS 请问怎么拦截Tabs点击
222浏览 • 1回复 待解决