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
相关问题
HarmonyOS responseRegion
889浏览 • 1回复 待解决
HarmonyOS 文字fontFamily生效
1048浏览 • 1回复 待解决
设置子窗口透明度生效
2444浏览 • 1回复 待解决
HarmonyOS clearHistory生效
734浏览 • 1回复 待解决
HarmonyOS SDK har包代码混淆生效
1052浏览 • 1回复 待解决
HarmonyOS部分场景下expandSafeArea不生效
2436浏览 • 1回复 待解决
使用List lazyForeach时,reuseId生效
1120浏览 • 1回复 待解决
HarmonyOS TextInput的stateStyles部分生效
1200浏览 • 1回复 待解决
点击事件,@State 页面生效,在线等
4068浏览 • 0回复 待解决
HarmonyOS 实现一个全局浮动的视图
799浏览 • 1回复 待解决