HarmonyOS 鸿蒙Next 超长web显示异常

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

HarmonyOS 鸿蒙Next 超长web显示异常

咨询描述：在加载过长web会出现问题

咨询场景描述：在修改高度后会导致web变成白色模块

Harmonyos Next教程
2 回复
可以尝试一下加入 
TextInput({ placeholder: 'search...', controller: this.controller })
  .focusable(this.flag)
  .width('90%')
  .height(40)
  .backgroundColor('#FFFFFF')
  .margin({ top: 8, bottom: 20 })
  .onClick(() => {
    this.flag = true;
    this.TextTest1 = '1';
  })
  .onControllerAttached(() => {
    this.controller.setCustomUserAgent('Mozilla/5.0 (Linux; Android 9; VRD-AL10; HMSCore 6.3.0.331) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.88 HuaweiBrowser/12.0.4.1 Mobile Safari/537.36');
  });

更多关于HarmonyOS 鸿蒙Next 超长web显示异常的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


针对HarmonyOS 鸿蒙Next超长web显示异常的问题，这通常是由于Web组件的布局设置不当所致。以下是一些可能的原因及解决方案：

  1. layoutMode与height属性冲突：在使用layoutMode时，如果同时设置了height属性，且高度值设置过大（如超过4571），可能会导致显示异常。建议在使用layoutMode时，不设置或合理设置height属性。
  2. Web组件布局属性不支持：HarmonyOS鸿蒙Next Web组件可能不支持直接修改padding、height等属性，这会导致布局展示异常。建议在外层嵌套容器来实现所需的布局效果，避免直接修改Web组件的布局属性。
  3. 渲染模式和布局模式选择：确保选择合适的渲染模式（同步或异步）和布局模式（如FIT_CONTENT使Web组件大小自适应页面内容），以适应不同的显示需求。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。

回到顶部