HarmonyOS 如何实现自适应web的高度

如何实现自适应web的高度,加载url后如果能加载web高度为网页高度,当加载失败时,web组件的高度设为0

HarmonyOS
2025-01-09 17:29:01
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

设置Web布局模式layoutMode参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5#layoutmode11

import web_webview from '@ohos.web.webview'
@Entry
@Component
struct WebComponent5 {
  @State visible: Visibility = Visibility.Visible
  @State mode: OverScrollMode = OverScrollMode.ALWAYS
  controller: web_webview.WebviewController = new web_webview.WebviewController()
  build() {
    Column() {
      Text('头部').fontSize(20)
      Web({ src: 'https://www.huawei.com/', controller: this.controller, renderMode: RenderMode.SYNC_RENDER })
        .layoutMode(WebLayoutMode.FIT_CONTENT)
        .visibility(this.visible)
        .onErrorReceive((event) => {
          console.log('22222');
          if (event) {
            this.visible = Visibility.None // 加载失败时隐藏web组件
          }
        })
      Text('底部').fontSize(20)
    }
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2025-01-09 19:24:09
相关问题
Web组件如何实现高度自适应
1964浏览 • 1回复 待解决
HarmonyOS web高度自适应内容高度
1565浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
1985浏览 • 1回复 待解决
HarmonyOS web组件怎么自适应高度
1023浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
2152浏览 • 1回复 待解决
Grid组件如何实现高度自适应
4442浏览 • 1回复 待解决
HarmonyOS 高度自适应
1330浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
1043浏览 • 1回复 待解决
HarmonyOS 高度自适应问题
1320浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
1501浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
984浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
818浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
1365浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
1037浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
1062浏览 • 1回复 待解决