写点什么

企查查开源弹窗组件库“QuickDialog”  为鸿蒙应用开发复杂弹窗提供更优解

  • 2025-07-31
    北京
  • 本文字数:1218 字

    阅读完需:约 4 分钟

大小:578.22K时长:03:17

近日,企查查将其自研的鸿蒙弹窗组件库“QuickDialog”开源,并上线至 OpenHarmony 三方库中心仓。这是鸿蒙生态首个支持“弹窗堆栈暂存能力”的非侵入式弹窗解决方案,凭借其灵活、高效、可复用的设计理念,有望成为鸿蒙应用开发中管理复杂弹窗场景的最佳实践方案之一。

 

 

在当前鸿蒙应用开发中,弹窗能力主要依赖 @CustomDialog 或 promptAction.openCustomDialog 等方案实现。这些方式虽然基础能力齐全,但自定义弹窗的生命周期仅支持单次弹出与关闭,无法暂存弹窗堆栈状态,也无法同时满足弹窗模态、层级的互斥关系,较大程度上限制了弹窗定义的自由度。

 

企查查作为首批深耕鸿蒙平台的头部应用厂商,在自身 App 鸿蒙化过程中,历经多轮技术方案演进,最终打造出当前这套基于 Overlay 与 Node 双机制、支持弹窗状态暂存与组件复用的非侵入式弹窗方案 QuickDialog,并正式对外开源。

 

QuickDialog 以“可维护、可拓展”为设计理念,围绕复杂弹窗场景中的共性痛点,提供以下核心技术能力:

 

弹窗堆栈暂存能力:支持多个弹窗的层级管理与状态保持,用户可任意中断或恢复某一弹窗流转,大幅提升弹窗交互的灵活性;

 

无侵入式控件创建机制:采用 Node 方式动态生成弹窗内容,无需修改业务页面结构,减少耦合,便于维护;

 

Overlay 接管生命周期:通过将弹窗依附于自定义页面,自主接管生命周期管理,支持弹窗与页面双向通信;

 

装饰器与弹窗内容解耦,支持复用:支持将同一弹窗内容搭配多种装饰器结构,灵活适配不同交互场景,提升开发效率;

 

页面绑定式弹窗层级自由管理:每个弹窗基于页面结构进行绑定控制,实现清晰的显示/隐藏管理与模态规则控制。

 

在企查查鸿蒙 App 的开发实践中,QuickDialog 已全面替代传统弹窗方案,实现了弹窗体系的统一重构。在复杂用户操作流程中,用户可在不同页面中保留弹窗堆栈状态,实现从多任务中返回继续处理,大幅改善使用体验。对于开发者而言,QuickDialog 的接入完全基于组件调用与绑定机制,无需改动现有页面结构或状态流,大大降低弹窗系统的开发与维护成本,开发效率显著提升。

 

QuickDialog 现已上架 OpenHarmony 三方库中心仓,开发者可通过搜索“quickdialog”获取源码、使用指南与示例工程,快速集成到各类应用中,实现高效的弹窗管理。

 

企查查希望通过开源 QuickDialog,与开发者共同推动鸿蒙生态中弹窗基础能力的标准化与技术演进,降低高复杂交互场景的技术门槛,赋能更多应用实现体验创新。

 

未来,华为还将联合伙伴持续共建创新,面向底座技术、通用能力、垂类行业等场景推出系列开发者场景化解决方案,不断提升鸿蒙应用的创新体验和开发效率,与广大开发者共建繁荣的鸿蒙生态。

 

更多关于“QuickDialog”的详细信息和使用指南,请访问“OpenHarmony 三方库中心仓”,搜索“quickdialog”。

 

OpenHarmony 三方库中心仓- quickdialog 源代码:https://ohpm.openharmony.cn/#/cn/detail/quickdialog

场景化共建官网链接:

https://developer.huawei.com/consumer/cn/blog/topic/03185823567123093

2025-07-31 16:054482

评论

发布
暂无评论

几个你必须知道的React错误实践

xiaofeng

前端 React

还在苦于提升代码质量?快来试试这个方法

博文视点Broadview

20道前端高频面试题(附答案)

Geek_02d948

JavaScript 前端

腾讯前端必会react面试题合集

xiaofeng

前端 React

cmp云管平台专业厂商选择技巧看这里!

行云管家

云计算 云服务 云管平台 云计算管理工具

ChatGPT热度“狂飙”,OceanBase也去找它唠了唠

OceanBase 数据库

数据库 oceanbase

有哪些前端面试题是必须要掌握的

hellocoder2029

JavaScript 前端

一文详解ATK Loss论文复现与代码实战

华为云开发者联盟

人工智能 华为云 企业号 2 月 PK 榜 华为云开发者联盟

基于 IoT+TSDB+Quick BI 云产品架构的楼宇环境监控实战——实践类

阿里云AIoT

数据库 监控 物联网 传感器 测试技术

webpack模块化的原理

Geek_02d948

JavaScript 前端

前端一面常见面试题及答案

coder2028

JavaScript 前端

助力硬件创新,华秋电子荣获科技创新示范奖

华秋电子

国外的SRE都是干啥的?薪资如何?

巴辉特

SRE

javascript 高级编程 之 Array 用法总结

hellocoder2029

JavaScript 前端

你要的react+ts最佳实践指南

xiaofeng

前端 React

前京东高级副总裁周伯文提前1年布局ChatGPT,现招募多名合伙人

B Impact

腾讯前端二面常考vue面试题(附答案)

yyds2026

Vue 前端

图文实录|澜舟科技合伙人李京梅:基于预训练模型的 AIGC 技术与应用实践

澜舟孟子开源社区

AI NLP 大模型 AIGC

字节前端必会面试题(持续更新中)

Geek_02d948

JavaScript 前端

前端一面常见react面试题(持续更新中)

夏天的味道123

前端 React

滴滴前端高频react面试题汇总

xiaofeng

前端 React

Vue虚拟dom是如何被创建的

yyds2026

Vue 前端

Nodejs相关ORM框架分析

coder2028

JavaScript 前端

Nodejs+Redis实现简易消息队列

coder2028

JavaScript 前端

2023年优质的数据库审计厂商当属行云管家!

行云管家

等保 等级保护 数据库审计

2023前端一面vue面试题合集

yyds2026

Vue 前端

Vue组件是怎样挂载的

yyds2026

Vue 前端

webpack实战,手写loader和plugin

Geek_02d948

JavaScript 前端

高级前端面试题汇总

hellocoder2029

JavaScript 前端

瓴羊Quick BI拥有可视化大屏功能,精准掌握所有数据内容!

小偏执o

javascript尾递归优化

hellocoder2029

JavaScript 前端

企查查开源弹窗组件库“QuickDialog”  为鸿蒙应用开发复杂弹窗提供更优解_HarmonyOS_HarmonyOS_InfoQ精选文章