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
8h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp

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

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

分享
微博
QQ
微信
回复
7h前
相关问题
RelativeContainer布局嵌套Stack失效
385浏览 • 1回复 待解决
HarmonyOS 嵌套滑动问题
337浏览 • 1回复 待解决
HarmonyOS Scroll嵌套RelativeContainer 问题
312浏览 • 1回复 待解决
HarmonyOS lazyForeach嵌套视图问题
252浏览 • 1回复 待解决
HarmonyOS Scroll 嵌套 RelativeContainer 问题
474浏览 • 1回复 待解决
HarmonyOS 组件嵌套问题
379浏览 • 1回复 待解决
HarmonyOS WaterFlow嵌套问题
0浏览 • 0回复 待解决
HarmonyOS 相对布局高度问题
275浏览 • 1回复 待解决
使用List嵌套实现表格布局
981浏览 • 1回复 待解决
HarmonyOS Panel 设置 borderRadius 不生效
686浏览 • 1回复 待解决
HarmonyOS UI布局问题
387浏览 • 1回复 待解决
HarmonyOS image resizable问题咨询
389浏览 • 1回复 待解决
HarmonyOS image组件拖拽问题
272浏览 • 1回复 待解决
HarmonyOS相对布局问题
448浏览 • 1回复 待解决
HarmonyOS Web组件和List嵌套使用问题
239浏览 • 1回复 待解决
HarmonyOS image.createPixelMap使用问题
243浏览 • 1回复 待解决
HarmonyOS Refresh组件嵌套滑动冲突问题
963浏览 • 1回复 待解决
HarmonyOS list 嵌套web滑动切换问题
472浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
799浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
440浏览 • 1回复 待解决