两个叠加的视图,触发手势事件时,下面的视图是否能够正常捕获到事件

两个叠加的视图,触发手势事件时,下面的视图是否能够正常捕获到事件

HarmonyOS
2024-01-30 22:55:58
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
gnt_xxy

叠加视图,即Stack布局。Stack布局下,上层视图遮挡掉下层视图的部分触发手势事件,下面的视图不能捕获。

参考代码

@Entry 
@Component 
struct Index { 
  build() { 
    Stack({ alignContent: Alignment.Center }) { 
      Column() { 
      } 
      .width('100%') 
      .height('100%') 
      .backgroundColor('#BBFFFF') 
      .zIndex(0) 
      .gesture(TapGesture() 
        .onAction(() => { 
          console.log('点击了浅蓝色背景') 
        }) 
      ) 
 
      Column() { 
      } 
      .width('100%') 
      .height('50%') 
      .backgroundColor(Color.Pink) 
      .zIndex(1) 
      .gesture(TapGesture() 
        .onAction(() => { 
          console.log('点击了粉色背景') 
        }) 
      ) 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-02-01 11:14:55
相关问题
两个重叠组件如何实现事件透传
28浏览 • 1回复 待解决
框架是否能够拉起应用APP
2245浏览 • 2回复 待解决
烧录捕获到异常信息,怎么解决?
7335浏览 • 2回复 待解决
长按事件如何重复触发
884浏览 • 1回复 待解决
是否能够自定义router跳转url
549浏览 • 1回复 待解决
高阶组件树视图基本用法
406浏览 • 1回复 待解决
js开发wearable onswipe事件无法触发
6795浏览 • 1回复 已解决