HarmonyOS web组件自适应高度问题

Scroller组件里是个list列表,list里有个子组件是web(还有其它子组件),web不需要滚动,需要web组件随html内容的高度自适应高度,这种该怎么处理呢?

HarmonyOS
2024-08-29 15:20:42
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

目前只支持两种web布局模式,分别为Web布局跟随系统WebLayoutMode.NONE和Web基于页面大小的自适应网页布局,高度自适应需设置web组件属性.layoutMode(WebLayoutMode.FIT_CONTENT),参考文档:

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

选择WebLayoutMode.FIT_CONTENT时,如果网页内容宽或长度超过8000px,请在Web组件创建的时候指定RenderMode.SYNC_RENDER模式。参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5#ZH-CN_TOPIC_0000001847049744__layoutmode11

目前长web页面建议使用web组件的嵌套滚动,参考文档:

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-nested-scrolling-V5

web组件高度自适应的话设置web组件属性.layoutMode(WebLayoutMode.FIT_CONTENT)就好了;

另外,web有loadData方法,可以加载html文本,参考链接:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-webview-V5

目前支持渲染HTML的只有web组件和richText组件,richText参考链接:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-richtext-V5

分享
微博
QQ
微信
回复
2024-08-29 18:25:43
相关问题
HarmonyOS Web高度自适应问题
442浏览 • 1回复 待解决
HarmonyOS 自适应组件高度问题
705浏览 • 1回复 待解决
Web组件如何实现高度自适应
920浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
202浏览 • 1回复 待解决
HarmonyOS 高度自适应问题
148浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
157浏览 • 1回复 待解决
HarmonyOS 高度自适应
105浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
160浏览 • 1回复 待解决
Grid组件如何实现高度自适应
2983浏览 • 1回复 待解决
HarmonyOS Web组件高度问题
34浏览 • 1回复 待解决
HarmonyOS RelativeContainer宽高自适应问题
268浏览 • 1回复 待解决