HarmonyOS Web组件嵌套在Scroll布局中或List布局中,如何实现Web组件高度根据内容自适应
Web组件嵌套在Scroll布局中或List布局中,如何实现Web组件(加载html代码)高度根据内容自适应,只有父组件滚动,Web自身不滚动。
页面布局如下:
Column(){
this.TopBar()//标题栏
this.Content()//内容区域,包含资讯标题、发布时间、资讯内容(Web)layoutWeight=1
this.BottomBar()//底部菜单操作按钮区域
}
其中内容区域布局:
@Builder
Content(){
Scroll(this.scrollerForScroll){
Column(){
Text('资讯标题')
.fontColor(Color.Black)
.fontSize('22fp')
.fontWeight(600)
.width('100%')
Text(`人民日报 2024-04-30`)
.fontColor(Color.Black)
.fontSize('14fp')
.fontWeight(400)
.width('100%')
.margin({top:'10vp'})
Web({ src:'www',controller:this.webController }) //高度需要根据内容自适应
.nestedScroll({
scrollForward:NestedScrollMode.SELF_FIRST,
scrollBackward:NestedScrollMode.SELF_FIRST
})
.layoutWeight(1)
.javaScriptAccess(true)
.domStorageAccess(true)
.fileAccess(true)
.defaultFontSize(this.webviewFontSize)
}
}
.width('100%')
.layoutWeight(1)
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
List水平布局如何根据内容自适应高度
1822浏览 • 1回复 待解决
HarmonyOS web组件如何实现根据html字符内容高度自适应
1095浏览 • 1回复 待解决
Web组件如何实现嵌套滑动,如何实现web控件的自适应高度
3463浏览 • 1回复 待解决
HarmonyOS Scroll嵌套Web,Web内容高度自适应,整体页面一起滚动
1132浏览 • 1回复 待解决
Web组件如何实现高度自适应?
1966浏览 • 1回复 待解决
HarmonyOS List高度根据内容自适应
1286浏览 • 1回复 待解决
HarmonyOS Scroll嵌套Web,Web内容高度自适应,整体页面无法一起滚动
1006浏览 • 1回复 待解决
HarmonyOS RelativeContainer、List组件怎么实现自适应内容高度
3108浏览 • 2回复 待解决
HarmonyOS web组件怎么自适应高度
1025浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
2155浏览 • 1回复 待解决
HarmonyOS Web嵌套在List中,如何让web全部展示不滚动
1024浏览 • 1回复 待解决
HarmonyOS web的高度自适应内容的高度
1570浏览 • 1回复 待解决
HarmonyOS Web组件怎么和其它组件一起上下滑动?并且Web组件根据加载的url内容自适应高度?
1257浏览 • 1回复 待解决
HarmonyOS 自定义弹窗中放Web组件, 弹窗高度不能自适应, Web高度不能自适应
909浏览 • 1回复 待解决
HarmonyOS 网格布局是否可以自适应高度?根据数据的数量 自适应高度
1092浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web的高度
945浏览 • 1回复 待解决
Scroll嵌套web,如何实现可以流畅的滑动,Web内容高度会变化
1199浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
1071浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
1985浏览 • 1回复 待解决
HarmonyOS List嵌套list中的布局
1140浏览 • 1回复 待解决
HarmonyOS Grid 组件如何根据子元素自适应高度?
1018浏览 • 1回复 待解决
HarmonyOS RelativeContainer在List中怎么根据子组件自适应宽高
861浏览 • 1回复 待解决
自适应缩放布局如何实现
1614浏览 • 1回复 待解决
HarmonyOS Grid组件能否自适应内容高度?
902浏览 • 1回复 待解决
HarmonyOS List嵌套Grid,Grid怎么自适应高度
1604浏览 • 1回复 待解决
在web和scroll上同时加上 .nestedScroll({scrollForward: NestedScrollMode.PARENT_FIRST,scrollBackward: NestedScrollMode.SELF_FIRST })
核心代码如下: