#鸿蒙通关秘籍#如何创建一个自定义弹窗(CustomDialog)？

创建自定义弹窗(CustomDialog)需要按照以下步骤进行：

1. 使用@CustomDialog装饰器定义弹窗内容。

@CustomDialog
struct CustomDialogExample {
  controller: CustomDialogController = new CustomDialogController({
    builder: CustomDialogExample({}),
  })

  build() {
    Column() {
      Text('我是内容')
        .fontSize(20)
        .margin({ top: 10, bottom: 10 })
    }
  }
}

2. 在组件中使用CustomDialogController显示弹窗。

@Entry
@Component
struct CustomDialogUser {
  dialogController: CustomDialogController = new CustomDialogController({
    builder: CustomDialogExample(),
  })

  build() {
    Column() {
      Button('click me')
        .onClick(() => {
          this.dialogController.open()
        })
    }.width('100%').margin({ top: 5 })
  }
}

通过以上步骤，即可在鸿蒙系统中创建并显示一个简单的自定义弹窗。