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
相关问题
设置子窗口透明度生效
2423浏览 • 1回复 待解决
HarmonyOS clearHistory生效
719浏览 • 1回复 待解决
HarmonyOS 文字fontFamily生效
1013浏览 • 1回复 待解决
HarmonyOS responseRegion
877浏览 • 1回复 待解决
HarmonyOS TextInput的stateStyles部分生效
1179浏览 • 1回复 待解决
HarmonyOS SDK har包代码混淆生效
1032浏览 • 1回复 待解决
HarmonyOS部分场景下expandSafeArea不生效
2393浏览 • 1回复 待解决
使用List lazyForeach时,reuseId生效
1108浏览 • 1回复 待解决
点击事件,@State 页面生效,在线等
4018浏览 • 0回复 待解决
HarmonyOS Text部分文字高亮设置
1199浏览 • 1回复 待解决