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

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

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

HarmonyOS
2024-12-25 13:33:23
642浏览
收藏 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()
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
分享
微博
QQ
微信
回复
2024-12-25 16:01:48
相关问题
HarmonyOS tabs位置如何显示
568浏览 • 1回复 待解决
HarmonyOS tabstabBar怎么
1175浏览 • 1回复 待解决
Tabs如何才能显示呢
1612浏览 • 1回复 待解决
HarmonyOS Tabs组件Tabs如何对齐?
1245浏览 • 1回复 待解决
HarmonyOS Tabs组件tabBar是否可以
836浏览 • 1回复 待解决
HarmonyOS 顶部tabs如何设置对齐
1072浏览 • 1回复 待解决
HarmonyOS Tabs组件怎么动态添加TabContent
1052浏览 • 1回复 待解决
HarmonyOS 控件高度滚动变化
908浏览 • 1回复 待解决
HarmonyOS Tabs默认高度问题
978浏览 • 1回复 待解决
HarmonyOS Tabs组件对齐
680浏览 • 1回复 待解决