HarmonyOS web显示不全

web放在scroll中,设置web的高度后web的内容显示不全。

HarmonyOS
2024-09-06 09:31:29
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

Web组件嵌套滚动可以使用nestedScroll实现,参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-nested-scrolling-V5

代码实现:

@State NestedScrollModeF: NestedScrollMode = NestedScrollMode.PARENT_FIRST 
@State NestedScrollModeB: NestedScrollMode = NestedScrollMode.SELF_FIRST 
build() { 
  Scroll() { 
    Column() { 
      Text("标题标题标题标题标题标题标题标题标题标题").height(200) 
      Web({ src: "", controller: this.controller }) 
        .javaScriptAccess(true) 
        .horizontalScrollBarAccess(false) 
        .verticalScrollBarAccess(false) 
        .margin({ top: 12, left: 12, right: 12 }) 
          // .height(this.webHeight) 
        .nestedScroll({ scrollForward: this.NestedScrollModeB, scrollBackward: this.NestedScrollModeF }) 
        .width('100%').height('100%')

还可以参考.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模式。

分享
微博
QQ
微信
回复
2024-09-06 15:34:46
相关问题
HarmonyOS Tabs 控件 底部显示不全
35浏览 • 1回复 待解决
Scroll组件内显示不全问题
1187浏览 • 1回复 待解决
HarmonyOS 日志打印不全
345浏览 • 2回复 待解决
HarmonyOS web组件alert不显示
608浏览 • 1回复 待解决
HarmonyOS web加载页面图片不显示
507浏览 • 1回复 待解决
HarmonyOS List展示不全的问题
365浏览 • 1回复 待解决
HarmonyOS 直播格式不全待补齐
14浏览 • 1回复 待解决
HarmonyOS scroll嵌套多个web显示问题
52浏览 • 1回复 待解决
HarmonyOS Web组件加载片段时候不显示
230浏览 • 1回复 待解决
HarmonyOS web系统组件写css不显示
276浏览 • 1回复 待解决
hilog还是打印不全啊?
315浏览 • 1回复 待解决
使用Web组件加载网页,显示空白。
469浏览 • 1回复 待解决
报错问题不全没法定位问题
358浏览 • 1回复 待解决