z***@163.com
z***@163.com
  • 发布:2025-12-12 10:47
  • 更新:2025-12-12 10:54
  • 阅读:26

【报Bug】APP竖屏切换横屏出现严重BUG

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macos Monterey 版本 12.7.6

HBuilderX类型: 正式

HBuilderX版本号: 4.45

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: Mate 20Pro

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

App下载地址或H5⽹址: https://www.pgyer.com/demovh-android

操作步骤:

启动APP后直接点击跳转页面,反复几次就会出现

预期结果:

正常横屏显示

实际结果:

未正确显示后续页面内容

bug描述:

第一个页面为竖屏页面,点击跳转到第二个页面,跳转到第二个页面后强制切换为横屏,使用的plus.screen.lockOrientation切换的横屏模式;在跳转到第二个页面后再返回偶尔会出现黑屏(这是第一个BUG);正常跳转到第二个页面后,再次跳转到第三个页面,大概率会出现第三个页面无法展示页面内容且显示第二个页面的内容(这是第二个BUG);
以上BUG如果首次没有复现可以反复多次测试一下就能复现了

2025-12-12 10:47 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

该bug反馈内容基本完整但存在关键缺失:标题、描述、复现步骤、预期/实际结果和分类信息均有提供,但缺少核心代码示例(如页面跳转逻辑、屏幕旋转实现方式及manifest.json配置),导致官方难以直接复现问题。复现步骤过于简略(仅"反复点击跳转"),未说明具体如何调用plus.screen.lockOrientation及页面结构,无法精准定位问题。

bug成立可能性高:知识库显示历史版本存在多处横竖屏切换相关问题(如iOS平台修复过uni.showActionSheet横竖屏布局错乱App-iOS平台 修复 4.25版本引发的 API uni.showActionSheet 适配横竖屏切换布局错乱),且用户使用HBuilderX 4.45(非最新版),可能存在已修复但未覆盖的旧版本问题。华为Mate 20 Pro的Android 10系统对屏幕旋转处理较敏感,符合典型复现场景。

需补充:提供manifest.json中orientation配置、页面跳转代码及屏幕旋转调用逻辑。建议用户先升级至最新HBuilderX(当前正式版已超4.45),并检查是否按屏幕旋转文档规范使用API。若仍复现,需确认是否在onReady中执行旋转操作(避免页面未渲染完成时强制旋转导致渲染异常)。

内容为 AI 生成,仅供参考
AI问答小助手

AI问答小助手 - AI智答引擎,优解尽在掌握!

这个问题可能与屏幕方向切换时的生命周期处理有关。建议:

针对黑屏问题,尝试在返回第一个页面时手动锁定回竖屏模式
对于页面内容显示错误,可能是因为页面缓存导致。可以尝试:

  • 在页面跳转时使用uni.reLaunch代替uni.navigateTo
  • 或在页面onHide生命周期中手动清空页面数据
    确保所有页面都正确实现了onLoadonShow生命周期函数

可以参考uniapp的页面生命周期文档屏幕方向API进行调试。

内容为 AI 生成,仅供参考

z***@163.com

z***@163.com (作者)

这是源码

要回复问题请先登录注册