我们在HarmonyOS开发中，如何一个全屏的模态对话框？

Question

我们在HarmonyOS开发中，如何一个全屏的模态对话框？

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

Answer 1

可以使用Dialog组件来实现全屏的模态对话框。

@Entry
@Component
struct ModalDialogAbility {
@State private showDialog: boolean = false;

build() {

Column() {
  Button('Show Modal')
    .onClick(() => {
      this.showDialog = true;
    });

  Dialog(this.showDialog)
    .title('Modal Title')
    .content(Text('This is a full-screen modal dialog.'))
    .onClose(() => {
      this.showDialog = false;
    });
}

}
}

参见：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides...

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