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%')  
    }  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.

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

分享
微博
QQ
微信
回复
2024-09-24 17:41:35
相关问题
HarmonyOS Tab控件bar怎么显示
575浏览 • 1回复 待解决
HarmonyOS Tab如何对齐
476浏览 • 1回复 待解决
Tab组件,无法对齐怎么处理?
1088浏览 • 1回复 待解决
HarmonyOS 让tabbar显示
556浏览 • 1回复 待解决
HarmonyOS tabs位置如何显示
538浏览 • 1回复 待解决
HarmonyOS tabstabBar怎么
1121浏览 • 1回复 待解决
Tabs如何才能显示
1554浏览 • 1回复 待解决
HarmonyOS Tab居中问题
596浏览 • 1回复 待解决
HarmonyOS tab组件页签怎么实现
633浏览 • 1回复 待解决