#鸿蒙通关秘籍#如何创建和使用自定义对话框组件 TextDialog？

import {CustomDialogController } from '@ohos.ets';

@CustomDialog
struct TextDialog {
  @Link textValue: string;
  controller: CustomDialogController;

  build() {
    Column() {
      Text(`${this.textValue}`)
        .fontSize(20)
    }.borderRadius(10).padding({ top: 25 })
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.

import { CustomDialogController } from '@ohos.ets';
import { TextDialog } from './TextDialog';

@Entry
@Component
export struct ParticipateIn {
  @State textValue: string = '您没有该选项的权限';
  dialogController: CustomDialogController | null = new CustomDialogController({
  builder: CustomDialogExample({
    textValue: $textValue
  })
})

  build() {
    Column() {
      Button('显示提示')
        .onClick(() => {
          this.textValue = '您没有该选项的权限';
          this.dialogController?.open();
        })
        .margin({ top: 25 })
    }.borderRadius(10).padding({ top: 25 })
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.