HarmonyOS customDialog调用router.push启动新页面,会把customDialog关闭

customDialog调用router.push启动新页面,会把customDialog关闭,怎么实现在不关闭弹窗的前提下启动新页面。在开发HarmonyOS应用的过程中,遇到了这样一个问题,有两个页面A和B,首先在页面A中有一个按钮,点击这个按钮会在页面A中弹出一个自定义的Dialog,在自定义的Dialog中也有一个按钮,点击这个按钮跳转到页面B,在页面B中按返回键返回到页面A中,此时会发现页面A中之前弹出的自定义的Dialog消失不见了,实际上并没有手动去关闭它,希望的效果是Dialog不会消失,应该该如何解决?

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

参考示例如下:

import { router } from '@kit.ArkUI'

@Entry
@Component
struct Page {
  @State showDialog: boolean = false
  build() {
    Column() {
      Text('弹出弹窗')
        .padding(50)
        .onClick(() => {
          this.showDialog = true
        })
    }
    .width("100%")
    .height("100%")
    .overlay(this.myDialog())
  }

  @Builder
  myDialog() {
    Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
      // 隐私弹窗
      Column() {
        Text("注册应用账号").fontSize(30).height('20%')
        Text("请您仔细阅读一下协议并同意,我们将全力保护您的个人信息安全,您可以使用账号登录APP。").height('40%')
        Divider()
        Row() {
          Text("《应用隐私政策》(点击跳转)").onClick(ent => {
            router.pushUrl({ url: "pages/Index" })
          })
        }
        .height('20%')

        Divider()
        Row() {
          Button("不同意").onClick(ent => {
          }).width('30%').margin(5)
          Button("同意").onClick(ent => {
          }).width('30%').margin(5)
        }.height('20%')
      }
      .borderRadius(20)
      .onClick(() => {
      })
      .width(300)
      .height(400)
      .backgroundColor(Color.White)
    }
    .visibility(this.showDialog ? Visibility.Visible : Visibility.None)
    .onClick(() => {
      this.showDialog = false
    })
    .width('100%')
    .height('100%')
    .backgroundColor('rgba(0,0,0,0.5)')
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
dialog跳转新页面返回后dialog关闭
426浏览 • 1回复 待解决
HarmonyOS Navigation先pop再push新页面失败
113浏览 • 1回复 待解决
Navigator和router.push有啥区别?
4649浏览 • 1回复 待解决
HarmonyOS @CustomDialog 调用 pushUrl
378浏览 • 1回复 待解决
如何更新页面列表数据
7211浏览 • 1回复 待解决
HarmonyOS 如何刷新页面内容
60浏览 • 1回复 待解决
HarmonyOS 数据改变未刷新页面
834浏览 • 0回复 待解决
HarmonyOS CustomDialog跳转其他页面问题
194浏览 • 1回复 待解决