HarmonyOS 鸿蒙Next borderRadius不生效问题

发布于 1周前 作者 itying888 来自 鸿蒙OS

HarmonyOS 鸿蒙Next borderRadius不生效问题

在布局的过程中发现，以下场景borderRadius不生效

内层Row的backgroundColor导致外层borderRadius失效，内层如果不设置backgroundColor就没这个问题

如下代码：

Row() {
Row() {
Text(“xxx”)
}
// .backgroundColor("#555555")
}
.backgroundColor("#FFFFFF")
.borderRadius(8)

Harmonyos Next教程
3 回复
不是没生效，是优先显示内层，内层没设置圆角。如果希望内层随着外层的圆角设置，那需要在外层设置.clip(true) 
[@Entry](/user/Entry)
[@Component](/user/Component)
struct Page064 {

build() {
Column() {
Row() {
Row() {
Text(“xxx”)
}


    .backgroundColor(<span class="hljs-string">"#555555"</span>)
  }
  .backgroundColor(<span class="hljs-string">"#FFFFFF"</span>)
  .borderRadius(<span class="hljs-number">8</span>)
  .clip(<span class="hljs-literal">true</span>)
}
.width(<span class="hljs-string">'100%'</span>)
.height(<span class="hljs-string">'100%'</span>)
.backgroundColor(Color.Pink)

}
}

感谢大佬

针对HarmonyOS鸿蒙Next中borderRadius不生效的问题，可能的原因及解决方案如下：

  1. 单位问题：确保你设置的borderRadius值是以正确的单位给出的。HarmonyOS中常用的单位是dp（密度无关像素），而非像素（px）。在高分辨率屏幕上，使用像素单位可能会导致圆角看起来特别大。
  2. 样式优先级：检查是否有全局样式或其他样式覆盖了你在代码中设置的borderRadius值。
  3. 框架限制：HarmonyOS可能对Button等组件的圆角大小有内部限制，即使你设置了较小的borderRadius值，系统也可能自动调整。
  4. 百分比单位：若你使用百分比单位设置borderRadius，而元素尺寸（如宽度）也是百分比，可能导致计算不准确或不被支持。建议尝试使用固定单位（如dp）来设置。

如果以上方法均无法解决问题，可能是系统或框架的特定问题。此时，你可以考虑查看HarmonyOS的官方文档或社区论坛，以获取更多帮助。如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html。

回到顶部