我们在HarmonyOS开发中，如何实现应用的自定义对话框？

Question

我们在HarmonyOS开发中，如何实现应用的自定义对话框？
本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

自定义对话框可以用于显示警告、确认或其他重要信息。

@Entry
@Component
struct CustomDialogApp {
  showCustomDialog() {
    Dialog.show({
      title: 'Custom Dialog',
      message: 'This is a custom dialog message.',
      buttons: [
        { text: 'Cancel', onClick: () => console.log('Cancel clicked') },
        { text: 'OK', onClick: () => console.log('OK clicked') }
      ]
    });
  }

  build() {
    return (
      <UI.Page>
        <UI.Label text="Custom Dialog" />
        <UI.Button text="Show Dialog" onClick={() => this.showCustomDialog()} />
      </UI.Page>
    );
  }
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。