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

设置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%')
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.