鸿蒙应用开发从入门到实战（二十一）：ArkUI自定义弹窗组件

最新推荐文章于 2025-12-23 23:08:59 发布

原创

最新推荐文章于 2025-12-23 23:08:59 发布 · 324 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #华为 #鸿蒙系统 #鸿蒙

大家好，我是潘Sir，持续分享IT技术，帮你少走弯路。《鸿蒙应用开发从入门到项目实战》系列文章持续更新中，陆续更新AI+编程、企业级项目实战等原创内容、欢迎关注！

上一篇文章讲述了ArkUI提供的各种内置弹窗组件，当项目中遇到这些组件仍然不满足需求时，可以使用自定义弹窗组件。本文研究自定义弹窗组件的使用。

一、概述

当现有组件不满足要求时，可考虑自定义弹窗，自定义弹窗允许开发者自定义弹窗内容和样式。例如

请添加图片描述

示例代码

pages/component/dialog/新建CustomDialogPage.ets文件

@Entry
@Component
struct CustomDialogPage {
   
   
  @State answer: string = '?'
  controller: CustomDialogController = new CustomDialogController({
   
   
    builder: TextInputDialog({
   
   
      confirm: (value) => {
   
   
        this.answer = value;
      }
    }),
    alignment: DialogAlignment.Bottom,
    offset: {
   
    dx: 0, dy: -30 }
  }