HarmonyOS 鸿蒙Next:List嵌套Web,Web高度设置自适应,当Web内容高度超过一个屏幕的高度时,Web渲染内容高度
HarmonyOS 鸿蒙Next:List嵌套Web,Web高度设置自适应,当Web内容高度超过一个屏幕的高度时,Web渲染内容高度
renderMode12:表示当前Web组件的渲染方式,RenderMode.ASYNC_RENDER表示Web组件自渲染,RenderMode.SYNC_RENDER表示支持Web组件统一渲染能力,默认值RenderMode.ASYNC_RENDER, 该模式不支持动态调整。
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5#rendermode12%E6%9E%9A%E4%B8%BE%E8%AF%B4%E6%98%8E
Web({ src: ‘’, controller: this.controller, renderMode: RenderMode.SYNC_RENDER })
.onControllerAttached(() => {
this.controller.loadData(
this.getHtmlData(this.goodsDetailViewModel.imgContent),
‘text/html’,
‘UTF-8’, " ", " ")
})
.height(BaseConstants.FULL_PERCENT)
.layoutMode(WebLayoutMode.FIT_CONTENT)
1 回复
在HarmonyOS鸿蒙开发中,实现List嵌套Web组件并设置Web内容高度自适应,可以通过监听Web组件的加载完成事件来调整其高度。通常,这涉及到在Web组件加载完毕后,根据其实际内容动态设置其高度。可以使用Web组件的onPageFinished
或类似的事件回调来获取内容加载完成的状态,并在此回调中通过JavaScript接口(如鸿蒙的JS Bridge)获取Web内容的高度,或者使用DOM API来直接操作DOM树,从而计算出合适的高度并设置给Web组件。
确保在List的布局中,Web组件的高度是可变的,并且List的滚动策略允许内容扩展。如果问题依旧没法解决请加我微信,我的微信是itying888。