鸿蒙系统的手机在uni-app中首页面没有横屏展示

鸿蒙系统的手机在uni-app中首页面没有横屏展示

操作步骤：

1、用uniapp创建一个vue3语法的工程项目。 2、在页面组件写onshow钩子函数中，写控制鸿蒙系统手机横屏的代码，

// #ifdef APP-PLUS
plus.screen.unlockOrientation();
plus.screen.lockOrientation('landscape-primary');
// #endif

预期结果：

代码能控制鸿蒙系统的手机，首页面横屏展示

实际结果：

鸿蒙系统的手机，首页面没有横屏展示

bug描述：

无法控制鸿蒙手机横竖屏来回切换，安卓和iOS横屏都正常，运行华为手机，无法控制，并且让手机变成横屏展示。控制横屏代码如下：

上传附近截图

项目信息

信息类别 详细信息
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 Window11
HBuilderX类型 正式
HBuilderX版本号 4.45
手机系统 Android
手机系统版本号 Android 10
手机厂商 鸿蒙系统的手机
手机机型 华为鸿蒙系统
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

更多关于鸿蒙系统的手机在uni-app中首页面没有横屏展示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

提供下你的鸿蒙系统版本，是 4.x 还是 5.x ？ 如果是后者，“ 鸿蒙开发只支持Vue3、不支持Vue2，不支持plus、但支持nvue ” 文档

更多关于鸿蒙系统的手机在uni-app中首页面没有横屏展示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


条件编译 APP-PLUS的意思是在安卓和IOS平台执行。而且plus方法在鸿蒙平台也不能用。

针对鸿蒙系统横屏显示问题，建议检查以下解决方案：

  1. 确认鸿蒙系统权限配置： 在manifest.json中确保已添加屏幕方向权限：
"app-plus": {
  "screenOrientation": ["landscape-primary"]
}
  1. 尝试使用鸿蒙专用API：
// #ifdef APP-PLUS
if(plus.os.name.toLowerCase() === 'harmony'){
  plus.screen.setOrientation('landscape-primary');
} else {
  plus.screen.lockOrientation('landscape-primary');
}
// #endif
回到顶部