Stack包裹的自定义组件下方区域点击状态异常

 

Stack包裹的自定义组件下方区域点击状态异常-鸿蒙开发者社区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%')
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.

Stack包裹的自定义组件下方区域点击状态异常-鸿蒙开发者社区

Stack包裹的自定义组件下方区域点击状态异常-鸿蒙开发者社区

IconView.ets

@Component
export struct IconView{
  build() {
    Stack(){

    }.margin({
      bottom: 110
    })
    .size({
      width: 200,
      height: 200
    })
    .backgroundColor(Color.Black)
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.

Stack包裹的自定义组件下方区域点击状态异常-鸿蒙开发者社区

是否为框架的bug呢?


ArkUI
Stack
onClick
4天前
83浏览
收藏 0
回答 0
待解决


相关问题
HarmonyOS UI组件自定义点击范围
1032浏览 • 1回复 待解决
自定义弹框状态获取
1396浏览 • 1回复 待解决
HarmonyOS 自定义struct缩小异常
734浏览 • 1回复 待解决
自定义Grid布局项间距异常
69浏览 • 0回复 待解决
HarmonyOS 自定义弹窗点击跳转问题
642浏览 • 1回复 待解决
HarmonyOS 定义自定义组件
820浏览 • 1回复 待解决
panel组件点击区域问题
5351浏览 • 1回复 待解决
HarmonyOS 自定义通知栏点击更新需求
482浏览 • 1回复 待解决
自定义组件onMeasureSize使用
1117浏览 • 1回复 待解决
【求助】自定义相机Camera2焦距异常
8691浏览 • 1回复 待解决