HarmonyOS responseRegion设置上下浮动50%,下半部分未生效

代码示例如下

Column() {
  Blank().height(200)
  Text("按钮1").onClick(() => {})
    .height(60)
    .stateStyles({
      pressed: {
        .backgroundColor(Color.Red)
      },
      normal: {
        .backgroundColor(Color.Blue)
      }
    })
    .responseRegion({ x: 0, y: '-50%', width: '100%', height: '200%' })
  Blank().height(30)
}
HarmonyOS
6h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

这里的Blank组件存在遮挡,类似Stack内元素的zIndex遮挡,可以使用以下两种方案

1、将Blank组件替换为Row组件

2、对Text组件设置zIndex(1),将Text层级设置到顶层,demo示例如下:

Column() {
  Blank().height(200)
  Text("按钮1").onClick(() => {})
    .height(60)
    .stateStyles({
      pressed: {
        .backgroundColor(Color.Red)
      },
      normal: {
        .backgroundColor(Color.Blue)
      }
    })
    .responseRegion({ x: 0, y: '-50%', width: '100%', height: '200%' })
    .zIndex(1)
  Blank().height(30)
}
分享
微博
QQ
微信
回复
3h前
相关问题
设置子窗口透明度生效
1714浏览 • 1回复 待解决
HarmonyOS responseRegion
222浏览 • 1回复 待解决
HarmonyOS TextInput的stateStyles部分生效
478浏览 • 1回复 待解决
HarmonyOS部分场景下expandSafeArea不生效
1016浏览 • 1回复 待解决
使用List lazyForeach时,reuseId生效
321浏览 • 1回复 待解决
点击事件,@State 页面生效,在线等
2815浏览 • 0回复 待解决
HarmonyOS Panel 设置 borderRadius 不生效
686浏览 • 1回复 待解决
HarmonyOS stack设置圆角不生效
18浏览 • 1回复 待解决
HarmonyOS Badge文本颜色设置生效
262浏览 • 1回复 待解决
ConstraintSize尺寸设置生效
2373浏览 • 1回复 待解决
HarmonyOS 设置了icon和label不生效
315浏览 • 1回复 待解决
通过WindowProperties设置属性不生效
2144浏览 • 1回复 待解决