【关键字】
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 =