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

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

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

HarmonyOS
2024-12-25 13:33:23
浏览
收藏 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
微信
回复
2024-12-25 16:01:48
相关问题
HarmonyOS tabs位置如何显示
749浏览 • 1回复 待解决
HarmonyOS Tabs组件Tabs如何对齐?
1540浏览 • 1回复 待解决
HarmonyOS tabstabBar怎么
1409浏览 • 1回复 待解决
Tabs如何才能显示呢
1788浏览 • 1回复 待解决
HarmonyOS Tabs组件tabBar是否可以
1270浏览 • 1回复 待解决
HarmonyOS 顶部tabs如何设置对齐
1315浏览 • 1回复 待解决
HarmonyOS 控件高度滚动变化
1129浏览 • 1回复 待解决
HarmonyOS Tabs组件怎么动态添加TabContent
1251浏览 • 1回复 待解决
HarmonyOS Tabs默认高度问题
1250浏览 • 1回复 待解决
HarmonyOS Tabs组件对齐
952浏览 • 1回复 待解决