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组件如何实现高度自适应
1325浏览 • 1回复 待解决
HarmonyOS web高度自适应内容高度
575浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
1113浏览 • 1回复 待解决
HarmonyOS web组件怎么自适应高度
361浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
1390浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3597浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
326浏览 • 1回复 待解决
HarmonyOS 高度自适应
624浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
276浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
199浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
779浏览 • 1回复 待解决
HarmonyOS 高度自适应问题
643浏览 • 1回复 待解决
HarmonyOS List高度根据内容自适应
479浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
382浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
661浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
386浏览 • 1回复 待解决