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
相关问题
HarmonyOS Tab控件bar怎么显示
42浏览 • 1回复 待解决
Tab组件,无法对齐怎么处理?
493浏览 • 1回复 待解决
HarmonyOS 让tabbar显示
37浏览 • 1回复 待解决
HarmonyOS tabstabBar怎么
572浏览 • 1回复 待解决
HarmonyOS tabs位置如何显示
24浏览 • 1回复 待解决
Tabs如何才能显示
1025浏览 • 1回复 待解决
HarmonyOS tab组件页签怎么实现
59浏览 • 1回复 待解决
HarmonyOS Tab居中问题
2浏览 • 1回复 待解决