HarmonyOS scroll的高度设置问题

scroll高度该怎么设置 ?高度设置 100% 不滑动,子组件超过scroll的高度才会滑动 但是子组件是web 高度应该是动态变化的。

HarmonyOS
2024-08-04 18:07:35
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
flyCloud00

Scroll组件默认最大高度就是一屏高度,在设置高度为200%时,实际高度为一屏,但子组件column继承200%的高度,符合Scroll当子组件的布局尺寸超过父组件的尺寸时,内容可以滚动,然后web组件使用layoutWeight(1)自适应高度,实际web组件的高度为父组件column高度(200%即5006)减去内部上方原生组件高度,而在web组件引用的网页高度大于web组件高度时,web组件也是可以滚动的,所以才需要设置nestedScroll来实现正常滚动效果。现有如下解决方案:

1. 使用web组件属性.layoutMode(WebLayoutMode.FIT_CONTENT),此时需要加上参数type:1。

2. 还可以在js里面监听html的高度,然后把高度值传输过来;放在ArkTS中的生命周期回调里面,html加载完毕的回调里面然后设置webview的高度。

分享
微博
QQ
微信
回复
2024-08-05 12:42:43
相关问题
HarmonyOS scroll如何限制最大高度
52浏览 • 1回复 待解决
HarmonyOS scroll组件问题
41浏览 • 1回复 待解决
HarmonyOS Scroll组件使用问题
416浏览 • 1回复 待解决
HarmonyOS Scroll嵌套RelativeContainer 问题
329浏览 • 1回复 待解决
HarmonyOS scroll滑动问题
474浏览 • 1回复 待解决
HarmonyOS Scroll 嵌套 RelativeContainer 问题
500浏览 • 1回复 待解决
HarmonyOS Scroll组件滚动问题
587浏览 • 1回复 待解决
HarmonyOS 高度自适应问题
340浏览 • 1回复 待解决
HarmonyOS scroll 内控件布局问题
282浏览 • 1回复 待解决
HarmonyOS 相对布局高度问题
287浏览 • 1回复 待解决
HarmonyOS scroll嵌套多个web,显示问题
52浏览 • 1回复 待解决
HarmonyOS Scroll组件回调事件问题
196浏览 • 1回复 待解决
HarmonyOS scroll安全区域问题
33浏览 • 1回复 待解决
HarmonyOS actionsheet如何设置按钮高度
327浏览 • 1回复 待解决
HarmonyOS Tabs默认高度问题
142浏览 • 1回复 待解决
HarmonyOS Web组件高度问题
323浏览 • 1回复 待解决