鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

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

914浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

可以给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.

回复

2024-08-29 21:29:54

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS margin不生效问题

1070浏览 • 1回复待解决

HarmonyOS 宽度100% margin左右不生效

1128浏览 • 1回复待解决

HarmonyOS Span设置padding和margin不生效，但是imagespan生效

1132浏览 • 1回复待解决

HarmonyOS right的padding和margin不生效

1590浏览 • 1回复待解决

HarmonyOS width设置100%,margin左右间距不生效

1969浏览 • 1回复待解决

HarmonyOS 宽度设置“100%”，设置margin不生效怎么办

597浏览 • 1回复待解决

HarmonyOS span多个之间的间隙怎么设置margin不生效？

895浏览 • 1回复待解决

在Tab中的TabContext设置stack的margin，只有左边生效，右边不生效

1185浏览 • 1回复待解决

HarmonyOS 容器类的组件设置了margin，如何实现当内容为空时margin不生效

535浏览 • 1回复待解决

HarmonyOS 父组件左右设置margin，右侧margin没生效，改成padding就可以了

1097浏览 • 1回复待解决

HarmonyOS expandSafeArea不生效

1455浏览 • 1回复待解决

HarmonyOS @Observed不生效问题

1582浏览 • 1回复待解决

HarmonyOS targetSpace不生效问题

822浏览 • 1回复待解决

abiFilters配置不生效

1346浏览 • 1回复待解决

HarmonyOS photoViewPicker传入RecommendationType不生效

781浏览 • 1回复待解决

HarmonyOS photoViewPicker智能推荐不生效

1261浏览 • 1回复待解决

HarmonyOS 关于onKeyEvent不生效问题

1408浏览 • 1回复待解决

HarmonyOS Web组件borderRadius不生效

1066浏览 • 1回复待解决

HarmonyOS Stack 里 align不生效？

1013浏览 • 1回复待解决

HarmonyOS Span内边距不生效

752浏览 • 1回复待解决

HarmonyOS hitTestBehavior.block不生效

1166浏览 • 1回复待解决

HarmonyOS 单例模式不生效

1029浏览 • 1回复待解决

HarmonyOS Panel 设置 borderRadius 不生效

1739浏览 • 1回复待解决

HarmonyOS stack设置圆角不生效

949浏览 • 1回复待解决

容器组件onVisibleAreaChange不生效

2769浏览 • 1回复待解决

提问

该提问已有2人参与，帮助了59人

相关讨论帖

overflow: scroll; 不生效 1回复

removeComponent删除组件不生效 2回复

setVisibility隐藏不生效 0回复

dubbo 配置 loadbalance 不生效？撸一把源码 0回复

美团二面:spring事务不生效的15种场景 0回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载