HarmonyOS 宽度100% margin左右不生效

Column(){
  Shape()
    .margin({left:16,right:16})
    .width('100%')
    .height(0.5)
    .backgroundColor($r('app.color.color_DCDCDC'))
}.height('100%')
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.

这么设置会导致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)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
分享
微博
QQ
微信
回复
2024-12-24 19:57:48
相关问题
HarmonyOS 宽度100%,左右间距生效
680浏览 • 1回复 待解决
HarmonyOS margin生效
1442浏览 • 1回复 待解决
HarmonyOS margin生效问题
1062浏览 • 1回复 待解决
HarmonyOS right的padding和margin生效
1574浏览 • 1回复 待解决
HarmonyOS 子控件设置宽度100%问题
975浏览 • 1回复 待解决
HarmonyOS expandSafeArea生效
1436浏览 • 1回复 待解决
HarmonyOS @Observed生效问题
1570浏览 • 1回复 待解决
HarmonyOS targetSpace生效问题
816浏览 • 1回复 待解决