HarmonyOS web组件如何实现根据html字符内容高度自适应

HarmonyOS
2024-12-25 14:04:22
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
shlp

Web基于页面大小的自适应网页布局,高度自适应需设置web组件属性.layoutMode(WebLayoutMode.FIT_CONTENT)

参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5#layoutmode11

如果网页内容宽或长度超过8000px,请在Web组件创建的时候指定RenderMode.SYNC_RENDER模式。

当前的api12支持web组件全量展开,需要设置renderMode:RenderMode.SYNC_RENDER。

文档: https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkweb/ts-basic-components-web.md#%E6%8E%A5%E5%8F%A3

示例代码中web组件参考如下:

Web({ src: $rawfile('index.html'), controller: this.controller, renderMode: RenderMode.SYNC_RENDER })
  .width(CommonConstants.WIDTH_OR_HEIGHT)
  .layoutMode(WebLayoutMode.FIT_CONTENT)
  • 1.
  • 2.
  • 3.
分享
微博
QQ
微信
回复
2024-12-25 17:20:48
相关问题
HarmonyOS List高度根据内容自适应
1010浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
834浏览 • 1回复 待解决
Web组件如何实现高度自适应
1734浏览 • 1回复 待解决
HarmonyOS web高度自适应内容高度
1165浏览 • 1回复 待解决
List水平布局如何根据内容自适应高度
1528浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web高度
623浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
1796浏览 • 1回复 待解决
HarmonyOS web组件怎么自适应高度
746浏览 • 1回复 待解决
HarmonyOS Grid组件能否自适应内容高度?
660浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
1595浏览 • 1回复 待解决
Grid组件如何实现高度自适应
4143浏览 • 1回复 待解决
HarmonyOS web如何获取html内容高度
671浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
742浏览 • 1回复 待解决