HarmonyOS 鸿蒙Next padding里的right对子组件不起作用，left, top, bottom都起作用了

发布于 1周前 作者 yuanlaile 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next padding里的right对子组件不起作用，left, top, bottom都起作用了

padding的right没有让文字离右边12的距离，let,top,bottom都起作用了

Column() {
  Row() {
    Image($r('app.media.gantanhao')).width(18).height(18)
    Text("我我我我我，我我我我我我我我我我我我我我我我我我我")
      .fontColor("#E84026")
      .fontSize(14)
      .margin({ left: 12, right: 12 })
      .backgroundColor(Color.Yellow)
  }
  .padding({
    left: 12,
    right: 12,
    top: 10,
    bottom: 10
  })
  .width('calc(100% - 24vp)')
  .backgroundColor("#FCE3DF")
  .borderRadius(14)
  .margin({ left: 12, right: 12, top: 12 })
}.backgroundColor(Color.Green)

更多关于HarmonyOS 鸿蒙Next padding里的right对子组件不起作用，left, top, bottom都起作用了的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
2 回复

padding是设置内边距属性，margin是设置外边距属性，最里层的子组件用margin设置外边距，最里层子组件没有子组件所以padding无效 参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-size-V5#padding

Column() {
  Row() {
    Image($r('app.media.gantanhao')).width(18).height(18)
    Text("我我我我我，我我我我我我我我我我我我我我我我我我我")
      .fontColor("#E84026")
      .fontSize(14)
      .margin({ left: 12, right: 12})
      .width(`calc(100% - 36vp)`)
      .backgroundColor(Color.Yellow)
  }
  .padding({ left: 12, right: 12, top: 10, bottom: 10 })
  .width('100%')
  .backgroundColor("#FCE3DF")
  .borderRadius(14)
  .margin({ left: 12, right: 12, top: 12 })
}
.width('100%')
.height('100%')
.backgroundColor(Color.Green)

更多关于HarmonyOS 鸿蒙Next padding里的right对子组件不起作用，left, top, bottom都起作用了的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙系统中，Next padding属性的设置通常用于控制组件与其父容器之间的间距。针对你提到的right属性不起作用的问题，这可能是由于以下几个原因导致的：

  1. 组件布局方式：检查你的子组件是否使用了特定的布局方式（如Flex布局、Grid布局等），这些布局方式可能对padding属性的应用有不同的规则。确保right padding的设置符合当前布局的逻辑。

  2. 样式优先级：检查是否有其他样式（如内联样式、全局样式）覆盖了right padding的设置。样式优先级可能会影响最终显示效果。

  3. 组件特性：某些组件可能自身具有特定的padding行为，这可能导致外部设置的right padding不生效。查阅相关组件的文档，确认是否有此类限制。

  4. 版本差异：确认你使用的HarmonyOS版本是否支持你正在使用的特定padding属性。有时，系统更新会引入变化。

如果以上检查均未发现问题所在，建议检查是否有相关的系统bug或文档遗漏。如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html

回到顶部