HarmonyOS web组件自适应高度问题
Scroller组件里是个list列表,list里有个子组件是web(还有其它子组件),web不需要滚动,需要web组件随html内容的高度自适应高度,这种该怎么处理呢?
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS Web高度自适应问题
758浏览 • 1回复 待解决
Web组件如何实现高度自适应?
1055浏览 • 1回复 待解决
HarmonyOS 自适应父组件高度问题
1112浏览 • 1回复 待解决
HarmonyOS web的高度自适应内容的高度
69浏览 • 1回复 待解决
HarmonyOS 高度自适应的问题
340浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
413浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
529浏览 • 1回复 待解决
Web组件如何实现嵌套滑动,如何实现web控件的自适应高度
2530浏览 • 1回复 待解决
HarmonyOS 高度自适应
244浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3261浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
352浏览 • 1回复 待解决
HarmonyOS Tabs组件,TabContent的高度无法自适应内容组件高度
421浏览 • 1回复 待解决
HarmonyOS Stack容器中子view自适应高度问题
509浏览 • 1回复 待解决
HarmonyOS Grid 组件如何根据子元素自适应高度?
62浏览 • 1回复 待解决
HarmonyOS RelativeContainer、List组件怎么实现自适应内容高度
842浏览 • 2回复 待解决
HarmonyOS Scroll嵌套Web,Web内容高度自适应,整体页面一起滚动
69浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
55浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
53浏览 • 1回复 待解决
HarmonyOS Web组件嵌套在Scroll布局中或List布局中,如何实现Web组件高度根据内容自适应
399浏览 • 1回复 待解决
HarmonyOS 网格布局是否可以自适应高度?根据数据的数量 自适应高度
42浏览 • 1回复 待解决
HarmonyOS Image 组件 宽度自适应, 高度怎么设置height: auto?
19浏览 • 1回复 待解决
HarmonyOS Web组件怎么和其它组件一起上下滑动?并且Web组件根据加载的url内容自适应高度?
297浏览 • 1回复 待解决
HarmonyOS Web组件高度问题
313浏览 • 1回复 待解决
HarmonyOS List嵌套Grid,Grid怎么自适应高度
708浏览 • 1回复 待解决
HarmonyOS 如何实现listItem高度随内容自适应
441浏览 • 1回复 待解决
目前只支持两种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