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 相对布局的高度问题
287浏览 • 1回复 待解决
相对布局(RelativeContainer)
1268浏览 • 1回复 待解决
HarmonyOS UI布局问题
399浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
454浏览 • 1回复 待解决
HarmonyOS 横屏后布局问题
52浏览 • 1回复 待解决
HarmonyOS scroll 内控件布局问题
282浏览 • 1回复 待解决
HarmonyOS 相对定位和动画
617浏览 • 1回复 待解决
HarmonyOS 关于ui布局问题 --胡宏松
30浏览 • 1回复 待解决
HarmonyOS 一个Button布局问题
412浏览 • 1回复 待解决
Text组件布局过界问题
1120浏览 • 1回复 待解决