HarmonyOS 气泡点击蒙层问题

在实现自定义气泡时,设置autoCancel的值为true,点击其他地方会导致气泡消失,符合预期,但气泡的状态还是true。

以下是MVP版本:

@State customPopup: boolean = false 
testOption2: CustomPopupOptions = { 
  builder: this.popupBuilder.bind(this), 
  autoCancel: true, 
} 
Button('CustomPopupOptions') 
  .onClick(() => { 
    this.customPopup = !this.customPopup 
  }) 
  .bindPopup(this.customPopup, this.testOption2) 
  .position({ x: 80, y: 200 }) 
}.width('100%').padding({ top: 5 })

当点击空白地方消失气泡,此时this.customPopup任然为true,需要在按钮上点击两下,再次弹出气泡,期望是点击一下

HarmonyOS
2024-08-09 10:56:03
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

可以在CustomPopupOptions中添加状态改变的函数,进而关联气泡的展示状态,代码如下: onStateChange: (e) => { this.customPopup= e.isVisible }

分享
微博
QQ
微信
回复
2024-08-09 17:29:05
相关问题
如何去除Tabs组件两侧的
1912浏览 • 1回复 待解决
Web组件下网页中图片长按出现
793浏览 • 1回复 待解决
HarmonyOS 方法点击跳转问题
79浏览 • 1回复 待解决
HarmonyOS Push点击冷启动跳转问题
358浏览 • 1回复 待解决
如何将点击事件透传到下一
1828浏览 • 1回复 待解决
HarmonyOS 如何实现一个气泡聊天框
303浏览 • 1回复 待解决
panel组件点击区域问题
4768浏览 • 1回复 待解决
Scroll中点击某一个图片移动到顶端
753浏览 • 1回复 待解决
popup组件气泡框指向颜色怎么修改?
7167浏览 • 1回复 待解决
c/c++主动调用ArkTS存在问题
286浏览 • 1回复 待解决
气泡组件有推荐的实现方式么?
328浏览 • 1回复 待解决
ArkTS通过接口访问C++对象
293浏览 • 1回复 待解决