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
2024-12-18 16:49:56
浏览
收藏 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
微信
回复
2024-12-18 19:18:05
相关问题
设置子窗口透明度生效
1879浏览 • 1回复 待解决
HarmonyOS clearHistory生效
109浏览 • 1回复 待解决
HarmonyOS 文字fontFamily生效
295浏览 • 1回复 待解决
HarmonyOS responseRegion
392浏览 • 1回复 待解决
HarmonyOS TextInput的stateStyles部分生效
657浏览 • 1回复 待解决
HarmonyOS SDK har包代码混淆生效
392浏览 • 1回复 待解决
使用List lazyForeach时,reuseId生效
500浏览 • 1回复 待解决
HarmonyOS部分场景下expandSafeArea不生效
1379浏览 • 1回复 待解决
点击事件,@State 页面生效,在线等
3146浏览 • 0回复 待解决
HarmonyOS Text部分文字高亮设置
344浏览 • 1回复 待解决
HarmonyOS text组件如何设置上下间距
240浏览 • 1回复 待解决