HarmonyOS 布局外层borderRadius嵌套Image的问题

例如stack嵌套Image的问题。外层的borderRadius(50)image超出圆角的问题,有没有类似CardView设置外层radius里面的布局都不是超出圆角(RowSplit和ColumnSplit可以 但是嵌套swiper会有手势滑动冲突的问问题)

@Component
export struct TestView {
  build() {
    Stack() {
      Image('http://dimg04.c-ctrip.com/images/0zg0x12000cog7bwrDEC4.jpg')
        .width(290)
        .height(300)
    }
    .backgroundColor(Color.Black)
    .borderRadius(50)
    .width(300)
    .height(300)
  }

  aboutToAppear(): void {
    console.debug('TestView', 'aboutToAppear')
  }
}
HarmonyOS
2024-12-18 17:27:23
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp

borderRadius这个属性是不支持子组件的继承,如果需要子组件的视图跟随容器,需要给父容器添加clip

解决措施:Stack上添加.clip(true)。

分享
微博
QQ
微信
回复
2024-12-18 19:08:39
相关问题
HarmonyOS List嵌套list中布局
373浏览 • 1回复 待解决
RelativeContainer布局嵌套Stack失效
578浏览 • 1回复 待解决
使用List嵌套实现表格布局
1300浏览 • 1回复 待解决
HarmonyOS Swiper嵌套RichEditor问题
240浏览 • 1回复 待解决
HarmonyOS 布局尺寸问题
354浏览 • 1回复 待解决
HarmonyOS List嵌套List和List嵌套Grid问题
412浏览 • 1回复 待解决
HarmonyOS 布局问题
365浏览 • 1回复 待解决
HarmonyOS Panel 设置 borderRadius 不生效
1347浏览 • 1回复 待解决
HarmonyOS 嵌套滑动问题
695浏览 • 1回复 待解决
HarmonyOS Tabs嵌套使用问题
325浏览 • 1回复 待解决
HarmonyOS Scroll嵌套RelativeContainer 问题
714浏览 • 1回复 待解决
HarmonyOS lazyForeach嵌套视图问题
634浏览 • 1回复 待解决
HarmonyOS ArkUI 嵌套组件问题
383浏览 • 1回复 待解决
HarmonyOS 组件嵌套问题
678浏览 • 1回复 待解决
HarmonyOS Tabs嵌套Grid问题
412浏览 • 1回复 待解决
HarmonyOS Scroll 嵌套 RelativeContainer 问题
876浏览 • 1回复 待解决
HarmonyOS WaterFlow嵌套问题
294浏览 • 1回复 待解决
HarmonyOS Image问题咨询
473浏览 • 1回复 待解决