中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
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呢?
微信扫码分享