输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
文档管理中心
全部文档版本说明工具设计指南与API参考开发与测试上架分发与运营问题处理与运维最佳实践行业解决方案
问题处理与运维
您当前正在浏览新版开发者文档中心，目录分类和层级有所调整。点击左侧当前文档分类名称前的“☰”图标，可切换文档分类。 了解新版目录
问题处理与运维开发与测试问题应用框架开发UI框架UI界面如何在自定义弹窗中再次弹窗

如何在自定义弹窗中再次弹窗

更新时间: 2026-06-26 09:07
复制页面

通过openCustomDialog打开弹窗A，在弹窗A中点击按钮打开弹窗B。通过getDialogController获取PromptActionDialogController实例对象并调用close()方法关闭当前弹窗。具体可参考示例代码：

收起
自动换行
深色代码主题
复制
  1. import { ComponentContent } from '@kit.ArkUI';
  2. 

  3. @Component
  4. struct DialogAComponent {
  5.   build() {
  6.     Column() {
  7.       Column() {
  8.         Text('dialog A')
  9.           .fontSize(20)
  10.           .fontWeight(FontWeight.Bold)
  11.       }
  12.       .justifyContent(FlexAlign.Center)
  13.       .height(120)
  14. 

  15.       Row() {
  16.         Text('close')
  17.           .fontColor('#0A59F7')
  18.           .onClick(() => {
  19.             // close self.
  20.             this.getDialogController()?.close();
  21.           })
  22.           .width('50%')
  23.           .height('100%')
  24.           .textAlign(TextAlign.Center)
  25. 

  26.         Text('open dialog B')
  27.           .fontColor('#0A59F7')
  28.           .onClick(() => {
  29.             // Open dialog B.
  30.             let uiContext = this.getUIContext();
  31.             let promptAction = uiContext.getPromptAction();
  32.             promptAction.openCustomDialog(new ComponentContent(uiContext, wrapBuilder(dialogBBuilder)));
  33.           })
  34.           .width('50%')
  35.           .height('100%')
  36.           .textAlign(TextAlign.Center)
  37.       }
  38.       .height(50)
  39.     }
  40.     .width(360)
  41.     .borderRadius(32)
  42.     .backgroundColor(Color.White)
  43.   }
  44. }
  45. 

  46. @Builder
  47. function dialogABuilder() {
  48.   DialogAComponent()
  49. }
  50. 

  51. @Component
  52. struct DialogBComponent {
  53.   build() {
  54.     Column() {
  55.       Column() {
  56.         Text('dialog B')
  57.           .fontSize(20)
  58.           .fontWeight(FontWeight.Bold)
  59.       }
  60.       .justifyContent(FlexAlign.Center)
  61.       .height(120)
  62. 

  63.       Row() {
  64.         Text('close')
  65.           .fontColor('#0A59F7')
  66.           .onClick(() => {
  67.             // close self.
  68.             this.getDialogController()?.close();
  69.           })
  70.           .width('50%')
  71.           .height('100%')
  72.           .textAlign(TextAlign.Center)
  73.       }
  74.       .height(50)
  75.     }
  76.     .width(320)
  77.     .borderRadius(32)
  78.     .backgroundColor(Color.White)
  79.   }
  80. }
  81. 

  82. @Builder
  83. function dialogBBuilder() {
  84.   DialogBComponent()
  85. }
  86. 

  87. @Entry
  88. @Component
  89. struct PopUpDialogAgainInCustomDialog {
  90.   build() {
  91.     Column() {
  92.       Button('open Dialog A')
  93.         .onClick(() => {
  94.           // Open dialog A.
  95.           let uiContext = this.getUIContext();
  96.           let promptAction = uiContext.getPromptAction();
  97.           promptAction.openCustomDialog(new ComponentContent(uiContext, wrapBuilder(dialogABuilder)));
  98.         })
  99.     }
  100.     .width('100%')
  101.     .height('100%')
  102.     .alignItems(HorizontalAlign.Center)
  103.     .justifyContent(FlexAlign.Center)
  104.   }
  105. }

是否有处理"9图"（又称"draw9patch"、".9图"、"点9图"等）的平替方案
@Style 和 @Extend 是否支持export导出
简体中文
华为开发者联盟 版权所有 ©2026
问题反馈
使用条款
华为开发者联盟用户协议
关于华为开发者联盟与隐私的声明
Cookies
开源软件声明