HarmonyOS 当tab少的时候,不想居中显示,要居左设置,该怎么设置 ?

Tabs 控件在设置完barMode模式为Scrollable的时候,当tab少的时候,不想居中显示,要居左设置,该怎么设置???

HarmonyOS
2024-09-24 11:26:22
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

TabBar Alignment.Center 目前不可修改。如果需要靠左显示的话,可以参考如下代码:

@Entry  
@Component  
struct test {  
  @Builder MyTabBar(txt:string){  
    Row(){  
      Text(txt)  
        .textAlign(TextAlign.Start)  
    }.width('100%')  
  }  
  build(){  
    Column(){  
      Tabs(){  
        TabContent(){  
          Column(){Text('111')}.width('100%').height('100%').backgroundColor(Color.Pink)  
        }.tabBar(this.MyTabBar('爸妈专区'))  
        TabContent(){  
        }.tabBar(this.MyTabBar('女神专区'))  
        TabContent(){  
        }.tabBar(this.MyTabBar('男士专区'))  
      }.vertical(false)  
      .alignSelf(ItemAlign.Start)  
      .width('100%')  
    }  
  }  
}

如果tab较多情况下只能建议使用文档中tabs组件方式去使用。

分享
微博
QQ
微信
回复
2024-09-24 17:41:35
相关问题
Tab组件,无法对齐怎么处理?
315浏览 • 1回复 待解决
HarmonyOS tabstabBar怎么
422浏览 • 1回复 待解决
Tabs如何才能显示
905浏览 • 1回复 待解决
HarmonyOS Navigation标题居中,背景设置
617浏览 • 1回复 待解决
HarmonyOS Text设置align不居中
442浏览 • 1回复 待解决
HarmonyOS 顶部tabs如何设置对齐
338浏览 • 1回复 待解决
Canvas画时候怎么设置画笔颜色
300浏览 • 1回复 待解决
Text文本不垂直居中怎么处理呢?
2650浏览 • 1回复 待解决