The @CustomDialog decorated custom component must contain a property of the CustomDialogController type. <ArkTSCheck>

这个错误提示表明，当你使用 @CustomDialog 装饰器来装饰一个自定义组件时，该组件必须包含一个 CustomDialogController 类型的属性。下面为你详细解释这个问题并给出解决办法。

问题分析

在 ArkTS 里，@CustomDialog 装饰器用于将一个自定义组件标记为自定义对话框组件。为了能够控制对话框的显示、隐藏等操作，这个自定义对话框组件需要有一个 CustomDialogController 类型的属性。

解决办法

1. 引入 CustomDialogController

首先，你需要从 @ohos.app.ability 模块引入 CustomDialogController。

2. 在自定义对话框组件中添加 CustomDialogController 类型的属性

在使用 @CustomDialog 装饰器的自定义组件里，添加一个 CustomDialogController 类型的属性。

示例代码

@CustomDialog
@Component
struct MyCustomDialog {
  // 添加 CustomDialogController 类型的属性
  private controller: CustomDialogController = new CustomDialogController({
    // 可以在这里配置对话框的选项
    alignment: DialogAlignment.Center,
    autoCancel: false,
    builder:this.build()
  });

  build() {
    Column({ space: 5 }) {
      Text('这是一个自定义对话框')
        .fontSize(20)
        .padding({ top: 20, bottom: 20 })

      Button('关闭对话框')
        .onClick(() => {
          // 使用 controller 关闭对话框
          this.controller.close();
        })
    }
    .width('100%')
    .padding({ left: 20, right: 20 })
  }
}

代码解释

1. 添加 CustomDialogController 属性：在 MyCustomDialog 组件中添加 private controller: CustomDialogController 属性，并进行初始化。

通过以上步骤，你就可以解决 The @CustomDialog decorated custom component must contain a property of the CustomDialogController type. 错误。