HarmonyOS 鸿蒙Next Web组件设置layoutMode(WebLayoutMode.FIT_CONTENT)高度没有自适应内容,有遇到的吗?

发布于 1周前 作者 yuanlaile 来自 鸿蒙OS

HarmonyOS 鸿蒙Next Web组件设置layoutMode(WebLayoutMode.FIT_CONTENT)高度没有自适应内容,有遇到的吗?

当web内容比较少时,web内容下面会有很大一块留白;当web的内容超过一屏时,就没有留白

布局是这样设置的:

Scroll(this.scrollerForScroll) {
Column() {
CommonTitleBar({
attribute: this.attribute
})
Web({
src: $rawfile(‘aa.html’),
controller: this.controller,
type:1
})
.layoutMode(WebLayoutMode.FIT_CONTENT)
.width(‘100%’)
.zoomAccess(false)
.nestedScroll({
scrollForward: NestedScrollMode.SELF_FIRST,
scrollBackward: NestedScrollMode.SELF_FIRST,
})
Row().width(‘100%’).height(300).backgroundColor(’#F4F5F8’)

}
}.width(“100%”).height(“100%”).scrollBar(BarState.Off).backgroundColor(’#ffffff’)


关于HarmonyOS 鸿蒙Next Web组件设置layoutMode(WebLayoutMode.FIT_CONTENT)高度没有自适应内容,有遇到的吗?的问题,您也可以访问:https://www.itying.com/category-93-b0.html 联系官网客服。

9 回复

期待HarmonyOS能在未来推出更多针对特定场景的优化功能。

楼主您好,有个思路,就是在js里面监听html的高度,然后把高度值传输过来;放在arkts中的生命周期回调里面,html加载完毕的回调里面然后设置webview的高度。就是利用web组件和网页双向通信的机制,动态设置web组件高度。

模拟器可能有问题,但真机实测没问题。

找HarmonyOS工作还需要会Flutter的哦,有需要Flutter教程的可以学学大地老师的教程,很不错,B站免费学的哦:https://www.bilibili.com/video/BV1S4411E7LY/?p=17

按照文档设置了,依旧有问题,真机

是的,真机新版本也不行了。后来用了另一套方案。在H5页面的body底部追加一个div元素,并通过获取该div的offsetTop值来动态更新Web组件的高度。参考【https://developer.huawei.com/consumer/cn/blog/topic/03157287402382025

你好,这个问题解决了么

回到顶部