
如何写精华回答,获更多曝光?
发布
cke_354.png
Stack包裹的自定义组件下方区域点击状态异常.
界面布局如上图所示,Stack容器包裹自定义组件,在自定义组件内部设置margin-bottom之后,自定义组件下方的区域无法点击。
源码如下:
index.ets
import { promptAction } from '@kit.ArkUI'
import { IconView } from './IconView'
@Entry
@Component
struct Index {
build() {
Stack({
alignContent: Alignment.BottomEnd
}) {
Text("边距点击问题测试demo")
.fontSize(50)
.fontWeight(FontWeight.Bold)
IconView().zIndex(1)
Row() {
}
.height('100%')
.width('100%')
.backgroundColor(Color.Blue)
.onClick(() => {
promptAction.showToast({
message: "点击!"
})
})
}
.height('100%')
.width('100%')
}
}
IconView.ets
@Component
export struct IconView{
build() {
Stack(){
}.margin({
bottom: 110
})
.size({
width: 200,
height: 200
})
.backgroundColor(Color.Black)
}
}
是否为框架的bug呢?