【HarmonyOS NEXT】如何实现Dialog在跳转新页面再返回后，Dialog不会关闭

 【关键字】

Dialog / 跳转页面 / 返回 / 不关闭 / pushUrl

【问题描述】

在页面1打开一个自定义Dialog 。在Dialog里面设置按钮点击跳转到页面2，使用的pushUrl方法。 也试过pushNamedRoute方法。返回页面1时，Dialog已经被关闭了。 如何保留页面1的Dialog开启的状态，或者有什么代替方案？

尝试在页面1打开Dialog1 ，在Dialog1里面打开Dialog2。但是由于2里面的业务需要弹出键盘，会将Dialog2里面的内容顶出屏幕，也无法解决此问题。

【解决方案】

目前有两种方案实现：

• 方案1：通过Stack容器结合其它组件，使用UI组件模拟Dialog的效果。

  简单示例：

  Stack() {
  // 原页面内容
  Column(){...}
  // 模拟遮罩层
  Text('').width('100%').height('100%').opacity(0.16) // 透明度可以自己调节一下
  .backgroundColor(0x000000).visibility(this.visible)
  // 此处是原Dialog中的内容，使用UI组件模拟Dialog
  Column(){...}
  }

• 方案2：在页面的onPageShow()这个生命周期方法中调用open()方法打开

  简单示例：

  @State flag: boolean = false
  dialogController: CustomDialogController | null = new CustomDialogController({
  builder: CustomDia({
  cancel: this.onCancel,
  confirm: this.onConfirm,
  jumpPage: this.jumpPage
  }),
  alignment: DialogAlignment.Center
  })
  
  onPageShow(): void {
  if (this.dialogController != null && this.flag) {
  this.dialogController.open()
  }
  }
  
  onPageHide(): void {
  if (this.dialogController != null) {
  this.dialogController.close()
  }
  }
  
  build() {
  Column() {
  Button('第一个页面').onClick(() => {
  if (this.dialogController != null) {
  this.flag = true
  this.dialogController.open()
  }
  })
  }
  .width('100%')
  .height('100%')
  }
  
  jumpPage() {
  router.pushUrl({
  url: 'pages/Index'
  })
  }
  
  onConfirm() {
  console.info('------>onConfirm is clicked')
  }
  
  onCancel() {
  console.info('------>onCancel is clicked')
  }
  
  aboutToDisappear(): void {
  this.dialogController = null
  }