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生效问题
1264浏览 • 1回复 待解决
HarmonyOS 宽度100% margin左右生效
1518浏览 • 1回复 待解决
HarmonyOS right的padding和margin生效
1862浏览 • 1回复 待解决
HarmonyOS expandSafeArea生效
2061浏览 • 1回复 待解决
HarmonyOS @Observed生效问题
1849浏览 • 1回复 待解决
HarmonyOS targetSpace生效问题
1050浏览 • 1回复 待解决
abiFilters配置生效
1690浏览 • 1回复 待解决
HarmonyOS Web组件borderRadius生效
1360浏览 • 1回复 待解决
HarmonyOS photoViewPicker智能推荐生效
1459浏览 • 1回复 待解决
HarmonyOS Stack 里 align生效
1344浏览 • 1回复 待解决
HarmonyOS 关于onKeyEvent生效问题
1751浏览 • 1回复 待解决
HarmonyOS Span内边距生效
959浏览 • 1回复 待解决
HarmonyOS Panel 设置 borderRadius 生效
2089浏览 • 1回复 待解决
HarmonyOS stack设置圆角生效
1219浏览 • 1回复 待解决
HarmonyOS hitTestBehavior.block生效
1319浏览 • 1回复 待解决
HarmonyOS 单例模式生效
1311浏览 • 1回复 待解决
ConstraintSize尺寸设置生效
3545浏览 • 1回复 待解决