HarmonyOS相对布局问题

Stack容器中有两个Row. A_Row是宽高和Stack一样的. B_Row的高比Stack小20. 应该怎么去设置高度 ?

HarmonyOS
2024-08-08 12:04:52
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

可以分别给Stack容器和两个Row容器设置height高度。

Stack(){ 
  Row(){}.height(500) 
  Row(){}.height(480) 
}.height(500)

可以参考以下代码:

@Entry 
@Component 
struct Index { 
  @State message: string = 'Hello World'; 
  build() { 
    Column() { 
      Stack({ alignContent: Alignment.Bottom }) { 
        Row() { 
        }.height('100%') 
        .width('100%') 
        .backgroundColor(Color.Yellow) 
        Row() { 
        }.width('100%') 
        .height('calc(100% - 60vp)') 
        .backgroundColor(Color.Brown) 
        .zIndex(2) 
      }.height('100%') 
      .width(200) 
      .backgroundColor(Color.Pink) 
    }.height(200) 
    .width('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-08-08 19:57:05
相关问题
HarmonyOS 相对布局的高度问题
984浏览 • 1回复 待解决
HarmonyOS 文字和图片相对布局问题
879浏览 • 1回复 待解决
相对布局(RelativeContainer)
2352浏览 • 1回复 待解决
HarmonyOS 布局问题
826浏览 • 1回复 待解决
HarmonyOS UI布局问题
1507浏览 • 1回复 待解决
HarmonyOS 网格式布局问题
769浏览 • 1回复 待解决
HarmonyOS 布局尺寸的问题
1081浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
1756浏览 • 1回复 待解决
HarmonyOS 相对定位和动画
2091浏览 • 1回复 待解决
HarmonyOS scroll 内控件布局问题
1282浏览 • 1回复 待解决