HarmonyOS 如何实现promptAction自定义弹窗中如果内容有链接,点击链接跳转到其他页面弹窗消失,返回时弹窗保留

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

参考示例如下:

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
微信
回复
1天前
相关问题
弹窗跳转到页面返回弹窗消失
1740浏览 • 1回复 待解决
promptAction.openCustomDialog 自定义弹窗
362浏览 • 1回复 待解决
如何自定义弹窗再次弹窗
2323浏览 • 1回复 待解决
使用自定义弹窗实现分享弹窗
600浏览 • 1回复 待解决
自定义弹窗大小如何自适应内容
2545浏览 • 1回复 待解决