HarmonyOS 宽度100% margin左右不生效

Column(){
  Shape()
    .margin({left:16,right:16})
    .width('100%')
    .height(0.5)
    .backgroundColor($r('app.color.color_DCDCDC'))
}.height('100%')

这么设置会导致margin不生效,这种如何解决

HarmonyOS
2024-12-24 17:30:14
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

margin是设置外边距属性,在Column布局中width 100%布局是居中的,此时组件设置margin,导致抵消了没有直观的现象,就会以为margin失效了;padding是设置内边距属性,所以设置.padding({left:16,right:16})可以有明显的现象。

如果想要背影颜色一起生效,需要禁用width(‘100%’)属性

Shape() {
  Rect().width('100%').height(50)
}
.margin({left:16,right:16})
// .width('100%')
.height(80)
.backgroundColor(Color.Green)
.fill(0x317AF7)
.stroke(Color.Black)
.strokeWidth(10)
分享
微博
QQ
微信
回复
2024-12-24 19:57:48
相关问题
HarmonyOS 宽度100%,左右间距生效
207浏览 • 1回复 待解决
HarmonyOS margin生效
903浏览 • 1回复 待解决
HarmonyOS margin生效问题
451浏览 • 1回复 待解决
HarmonyOS right的padding和margin生效
1058浏览 • 1回复 待解决
HarmonyOS 子控件设置宽度100%问题
346浏览 • 1回复 待解决
HarmonyOS expandSafeArea生效
698浏览 • 1回复 待解决
HarmonyOS targetSpace生效问题
336浏览 • 1回复 待解决
abiFilters配置生效
751浏览 • 1回复 待解决