dialog跳转新页面返回后dialog关闭

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

@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  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.