页面类似弹框样式跳转H5

现在有一个场景,我从A页面跳转到B页面,我的B页面其实是个H5,且不是全屏,我需要看到A页面的内容,相当于Dialog。解释一下,这里为什么不用CustomDialog,因为按照文档说明,CustomDialog需要绑定页面,而我这里的场景,我这个登录是第三方的库,用CustomDialog对接入方来说不便捷。

HarmonyOS
2024-11-07 09:56:28
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

​可以使用subWindow的方式弹窗,参考:​https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/application-window-stage-V5#设置应用子窗口

示例代码:​

@Entry 
@Component 
struct Index { 
  webController: webview.WebviewController = new webview.WebviewController(); 
  aboutToAppear(): void { 
    webview.WebviewController.setWebDebuggingAccess(true) 
    const windowStage: window.WindowStage | undefined = AppStorage.get("windowStage") 
    if (windowStage) { 
      windowStage.createSubWindow('test', (err, win) => { 
        if (err.code) { 
          console.log(JSON.stringify(err.code)) 
        } else { 
          win.loadContentByName(entryName); 
          win.resize(500, 500); 
          win.moveWindowTo(500, 500) 
          win.showWindow(); 
        } 
      }) 
    } 
  } 
 
  build() { 
    Row() { 
      Column() { 
        Text('Index') 
          .fontSize(50) 
          .fontWeight(FontWeight.Bold) 
      } 
      .width('100%') 
    } 
    .height('100%') 
 
  } 
}

Page3:

export const entryName: string = 'Page3'; 
@Entry({ routeName: entryName }) 
@Component 
struct Page3 { 
  @State message: string = 'Hello World'; 
  webController: webview.WebviewController = new webview.WebviewController(); 
 
  build() { 
    Row() { 
      Column() { 
        Web({ src:'https://xxx.huawei.com',controller:this.webController }) 
          .domStorageAccess(true) 
          .onTitleReceive(event => { 
            if (event?.title) { 
              console.log('receive title: ----- ' + event.title) 
            } else { 
              console.log('receive title not found ') 
            } 
          }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
    .backgroundColor(Color.Red) 
  } 
}
分享
微博
QQ
微信
回复
2024-11-07 17:31:48
相关问题
半模态转场来实现样式页面
878浏览 • 1回复 待解决
H5页面输入自动获焦弹起软键盘
1793浏览 • 1回复 待解决
HarmonyOS h5页面缩放问题
504浏览 • 0回复 待解决
HarmonyOS 在H5中如何跳转到应用市场
701浏览 • 1回复 待解决
H5页面如何与ArkTS交互
3003浏览 • 1回复 待解决
HarmonyOS web组件加载h5h5拉起摄像头
540浏览 • 1回复 待解决
HarmonyOS H5页面加载缓存机制
261浏览 • 1回复 待解决
Web组件和h5页面如何交互?
215浏览 • 1回复 待解决
HarmonyOS Web组件加载在线H5页面
212浏览 • 1回复 待解决
如何在HarmonyOS中调试h5页面
914浏览 • 1回复 待解决
如何使H5页面适配多设备?
718浏览 • 1回复 待解决
HarmonyOS h5拉起系统扫码页面的demo
196浏览 • 1回复 待解决
HarmonyOS webview h5的localstorage
400浏览 • 1回复 待解决
HarmonyOS h5页面是否可以适配Harmony OS
468浏览 • 1回复 待解决
HarmonyOS H5如何访问相册?
252浏览 • 1回复 待解决
webview加载Vue h5失败
17767浏览 • 5回复 待解决