uniapp 如何固定启动竖屏

在uniapp中如何固定应用始终以竖屏模式启动？我在manifest.json里配置了"orientation": “portrait”，但部分安卓设备仍然会出现横屏的情况。请问除了这个配置外，是否还需要在其他地方设置？有没有更可靠的解决方案来确保应用在所有设备上都保持竖屏显示？

2 回复

在pages.json中，找到对应页面或全局设置，添加"pageOrientation": "portrait"即可固定竖屏启动。


在 UniApp 中固定应用启动为竖屏，可以通过以下步骤实现：

1. 全局配置文件设置

在 pages.json 中配置全局屏幕方向为竖屏：

{
  "globalStyle": {
    "pageOrientation": "portrait"
  }
}

2. 单页面配置（可选）

如果只需特定页面竖屏，在 pages.json 的页面配置中添加：

{
  "path": "pages/your-page",
  "style": {
    "pageOrientation": "portrait"
  }
}

3. 原生平台配置

  • Android：在 manifest.json 的 app-plus -> distribute -> android 下设置：
    "screenOrientation": ["portrait"]
  • iOS：同样在 manifest.json 的 app-plus -> distribute -> ios 下配置：
    "screenOrientation": ["portrait"]

4. 完整 manifest.json 示例

{
  "app-plus": {
    "distribute": {
      "android": {
        "screenOrientation": ["portrait"]
      },
      "ios": {
        "screenOrientation": ["portrait"]
      }
    }
  }
}

注意事项：

  • 修改后需重新打包生效（HBuilderX 云打包或自定义基座）。
  • 部分平台可能需同时配置 globalStyle 和原生设置。
  • 横屏应用需将 "portrait" 改为 "landscape"。

通过以上配置，应用启动时将固定为竖屏方向。

回到顶部