Yioam
Yioam
  • 发布:2020-06-15 16:43
  • 更新:2020-07-14 10:02
  • 阅读:1796

横屏全面屏下uni小程序webview宽高计算有问题

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows

HBuilderX类型: 正式

HBuilderX版本号: 2.7.12

手机系统: Android

手机系统版本号: Android 9.0

手机厂商: 华为

手机机型: 小米9se

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

横屏全面屏隐藏虚拟按键

预期结果:

webview占满全屏

实际结果:

一级页面设置宽高能解决问题,二级页面设置宽高也无效(二级页面带appbar)

bug描述:

横屏全面屏隐藏虚拟按键的情况下webview的宽高计算有问题,无法占满全屏,这问题通过设置宽高能解决,但是二级页面设置宽高也没用

2020-06-15 16:43 负责人:DCloud_Android_ST 分享
已邀请:
DCloud_Android_ST

DCloud_Android_ST

提供demo示例

Yioam

Yioam (作者) - android开发者

@DCloud_Android_ST

DCloud_Android_ST

DCloud_Android_ST

bug 已确认

  • 6***@qq.com

    顺便看下这个bug: https://ask.dcloud.net.cn/question/87596

    有可能是同一个类型的问题

    2020-06-23 14:38

1***@qq.com

1***@qq.com - uniapp/html5/flutter

遇到同样问题,Android全面屏带虚拟按键的设置横屏webview就空半截。

DCloud_Android_ST

DCloud_Android_ST

HX2.8.0+已修复该问题

l***@chinaunicom.cn
  • DCloud_Android_ST

    能说一下操作步骤吗

    2020-07-15 14:45

  • l***@chinaunicom.cn

    回复 DCloud_Android_ST: 没有啥特殊操作步骤呀,就做了一个隐藏虚拟按钮的功能,应用 是固定横屏的,然后在平板上打开之后,原本虚拟按钮存在的位置会出现一块空白,宽度跟虚拟按钮的宽度一样,也即是隐藏了虚拟按钮后,屏幕不能自适应变成全面屏。

    如果改成竖屏的则没有这个问题

    2020-07-15 15:02

  • DCloud_Android_ST

    回复 l***@chinaunicom.cn: 试了两款手机没复现 使用HX2.8.0

    2020-07-15 15:07

  • 1***@qq.com

    回复 DCloud_Android_ST: 小米9se 版本 MIUI 12.0.3 升级新本就有这个问题,全面屏横屏后隐藏虚拟按键 会空出一块虚拟按键的高度白边盖住界面。

    2021-02-24 14:49

  • 1***@qq.com

    回复 DCloud_Android_ST:HX版本3.1.2 androidSDK 版本 3.1.3

    2021-02-24 15:56

  • DCloud_Android_ST

    回复 1***@qq.com: 用HX基座测试下

    2021-02-24 16:21

  • 1***@qq.com

    用HX基座跑的测试了也有,必现的,和手机机型系统版本有关系,试了OPPO v7.1 也开的全面屏就没有这个虚拟按键白边的问题,都是HX基座测试的, ,麻烦关注解决下。

    2021-02-24 16:39

该问题目前已经被锁定, 无法添加新回复