HarmonyOS margin不生效

某个页面的构建代码:

NavDestination() { 
 Column() { 
  Text('123') 
 } 
 .width('100%') 
 .height('100%') 
 .margin({bottom:200}) 
 .backgroundColor(Color.Red) 
} 
.width('100%') 
.height('100%') 
.hideTitleBar(true)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.

设置了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)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
分享
微博
QQ
微信
回复
2024-08-29 21:29:54


相关问题
HarmonyOS margin生效问题
734浏览 • 1回复 待解决
HarmonyOS 宽度100% margin左右生效
616浏览 • 1回复 待解决
HarmonyOS right的padding和margin生效
1219浏览 • 1回复 待解决
HarmonyOS expandSafeArea生效
1022浏览 • 1回复 待解决
HarmonyOS targetSpace生效问题
565浏览 • 1回复 待解决
HarmonyOS @Observed生效问题
1252浏览 • 1回复 待解决
abiFilters配置生效
994浏览 • 1回复 待解决
HarmonyOS 单例模式生效
554浏览 • 1回复 待解决
HarmonyOS stack设置圆角生效
664浏览 • 1回复 待解决
HarmonyOS hitTestBehavior.block生效
921浏览 • 1回复 待解决
HarmonyOS Panel 设置 borderRadius 生效
1462浏览 • 1回复 待解决
HarmonyOS Web组件borderRadius生效
735浏览 • 1回复 待解决
HarmonyOS Stack 里 align生效
698浏览 • 1回复 待解决
HarmonyOS Span内边距生效
428浏览 • 1回复 待解决
HarmonyOS photoViewPicker智能推荐生效
946浏览 • 1回复 待解决
HarmonyOS 关于onKeyEvent生效问题
1039浏览 • 1回复 待解决
ConstraintSize尺寸设置生效
2869浏览 • 1回复 待解决