HarmonyOS tabs组件如何实现顶部标签全部居左的布局,tabs的高度如何随TabContent左右切换时高度动态变化

1、tabs组件如何实现顶部标签全部居左的布局?

2、tabs的高度如何随TabContent左右切换时高度动态变化?

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

当TabContent的内容小于TabContent的高度时,内容就会被垂直居中,这是当前的规格。如果想实现不垂直居中,目前只能添加一个空白的子组件,参考示例如下:

TabContent() {
  if (this.recentViewShow) {
    Column() {
      Column()
        .width('100%')
        .height(85)
        .backgroundColor(Color.Orange)
        .align(Alignment.Top)
        .onAreaChange((oldValue: Area, newValue: Area) => {
          if (this.recentViewIndex == 0) {
            this.recentViewTabsHeight = newValue.height as number
          }
        })
      Divider()// .height(this.recentViewTabsHeight-85)
        .layoutWeight(1)
    }

  } else {
    this.recentViewHideView()
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS Tabs组件Tabs如何对齐?
521浏览 • 1回复 待解决
HarmonyOS tabs位置如何显示
24浏览 • 1回复 待解决
HarmonyOS tabstabBar怎么
572浏览 • 1回复 待解决
Tabs如何才能显示呢
1025浏览 • 1回复 待解决
HarmonyOS Tabs组件tabBar是否可以
37浏览 • 1回复 待解决
HarmonyOS 顶部tabs如何设置对齐
462浏览 • 1回复 待解决
HarmonyOS 控件高度滚动变化
0浏览 • 0回复 待解决
HarmonyOS Tabs默认高度问题
171浏览 • 1回复 待解决
HarmonyOS Tabs组件对齐
24浏览 • 1回复 待解决