uni-app 横屏情况下将App打开为小窗会导致宽度异常

uni-app 横屏情况下将App打开为小窗会导致宽度异常

开发环境 版本号 项目创建方式
Windows WIN10 HBuilderX

产品分类:uniapp/App

PC开发环境操作系统:Windows

HBuilderX类型:正式

HBuilderX版本号:3.1.21

手机系统:Android

手机系统版本号:Android 11

手机厂商:华为

手机机型:红米Note5

页面类型:nvue

打包方式:云端

操作步骤:

  • 先打开一个任意横屏的其他App,通过工具栏(如MIUI的视频工具箱)等任何形式打开uniapp所开发的App

预期结果:

  • 正常显示

实际结果:

  • 不正常显示

bug描述:

  • 如题,先打开一个任意横屏的其他App,通过工具栏(如MIUI的视频工具箱)等任何形式以画中画(小窗)形式打开uniapp所开发的App
    所有nvue页面的宽度会变得异常:通过代码获取验证发现此时获取的宽度(SystemInfo.windowHeight)变成了高度(rpx受此影响),导致显示成为了一种很奇葩的——本应在平板才会出现的大小

  • 值得注意的是:同样的操作下,vue页面完全正常,获取的宽高完全正常,并且App设置了仅竖屏,并且还用代码重新设置了一次

  • 另外,强烈建议uniapp开放支持编辑AndroidManifest.xml或其他替代,有时候需要修改一些信息,比如希望使用禁止小窗:

<application android:resizeableActivity="false">

更多关于uni-app 横屏情况下将App打开为小窗会导致宽度异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

回到顶部