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 right的padding和margin生效
555浏览 • 1回复 待解决
HarmonyOS @Observed生效问题
216浏览 • 1回复 待解决
HarmonyOS expandSafeArea生效
174浏览 • 1回复 待解决
HarmonyOS 关于onKeyEvent生效问题
204浏览 • 1回复 待解决
HarmonyOS photoViewPicker智能推荐生效
99浏览 • 1回复 待解决
HarmonyOS Badge文本颜色设置生效
167浏览 • 1回复 待解决
HarmonyOS 组件切换深色模式生效
297浏览 • 1回复 待解决
HarmonyOS 弹窗封装后open生效
255浏览 • 1回复 待解决
HarmonyOS 编译器配置生效
335浏览 • 1回复 待解决
HarmonyOS Panel 设置 borderRadius 生效
545浏览 • 1回复 待解决
HarmonyOS hitTestBehavior.block生效
282浏览 • 1回复 待解决
ConstraintSize尺寸设置生效
2277浏览 • 1回复 待解决
abiFilters配置生效
291浏览 • 1回复 待解决
使用position之后height生效
2324浏览 • 1回复 待解决
容器组件onVisibleAreaChange生效
1759浏览 • 1回复 待解决
HarmonyOS部分场景下expandSafeArea生效
785浏览 • 1回复 待解决
HarmonyOS 修改状态栏颜色生效
174浏览 • 1回复 待解决
HarmonyOS 设置了icon和label生效
75浏览 • 1回复 待解决
Tab 设置 barBackgroundColor为透明生效
205浏览 • 1回复 待解决
在嵌套组件中Scroll生效
2040浏览 • 1回复 待解决