HarmonyOS margin不生效

某个页面的构建代码:

NavDestination() { 
 Column() { 
  Text('123') 
 } 
 .width('100%') 
 .height('100%') 
 .margin({bottom:200}) 
 .backgroundColor(Color.Red) 
} 
.width('100%') 
.height('100%') 
.hideTitleBar(true)

设置了Colum的底部间距为200,但是实际效果,红色背景区域依然占满了全屏

HarmonyOS
2024-08-29 11:25:13
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

可以给Cloumn设置layoutWeight(1),对其重新布局,占主轴尺寸按照权重进行分配

可以参考以下链接

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-size-V5#layoutweight

代码参考:

NavDestination() { 
 Column() { 
  Text('123') 
 } 
 .width('100%') 
 .height('100%') 
 .margin({bottom:200}) 
 .backgroundColor(Color.Red) 
 .layoutWeight(1) 
} 
.width('100%') 
.height('100%') 
.hideTitleBar(true)
分享
微博
QQ
微信
回复
2024-08-29 21:29:54
相关问题
HarmonyOS margin生效问题
1229浏览 • 1回复 待解决
HarmonyOS 宽度100% margin左右生效
1420浏览 • 1回复 待解决
HarmonyOS right的padding和margin生效
1801浏览 • 1回复 待解决
HarmonyOS expandSafeArea生效
1911浏览 • 1回复 待解决
HarmonyOS targetSpace生效问题
999浏览 • 1回复 待解决
HarmonyOS @Observed生效问题
1806浏览 • 1回复 待解决
abiFilters配置生效
1620浏览 • 1回复 待解决
HarmonyOS stack设置圆角生效
1165浏览 • 1回复 待解决
HarmonyOS Panel 设置 borderRadius 生效
2011浏览 • 1回复 待解决
HarmonyOS 单例模式生效
1251浏览 • 1回复 待解决
HarmonyOS hitTestBehavior.block生效
1286浏览 • 1回复 待解决
HarmonyOS Web组件borderRadius生效
1287浏览 • 1回复 待解决
HarmonyOS Stack 里 align生效
1283浏览 • 1回复 待解决
HarmonyOS 关于onKeyEvent生效问题
1665浏览 • 1回复 待解决
HarmonyOS Span内边距生效
906浏览 • 1回复 待解决
HarmonyOS photoViewPicker智能推荐生效
1432浏览 • 1回复 待解决
容器组件onVisibleAreaChange生效
2998浏览 • 1回复 待解决