uni-app wap2app无法横屏打开

已设置参数： “screenOrientation” : [ “landscape-primary”, “landscape-secondary” ]

在app加载的时候是横屏的，但是打开之后变成了竖屏

我看这问题21年就有人提问，现在还是不行呢

在处理uni-app从wap（网页应用）转换为app（原生应用）时，如果遇到横屏无法打开的问题，这通常与应用的屏幕方向设置有关。在uni-app中，你可以通过配置manifest.json和页面级别的设置来控制应用的屏幕方向。以下是一些示例代码和配置方法，帮助你解决wap2app无法横屏打开的问题。

1. 全局设置屏幕方向

首先，在manifest.json文件中设置应用的全局屏幕方向。这会影响到整个应用的默认屏幕方向。

{
  "mp-weixin": { // 或者其他平台配置，如app-plus
    "app-plus": {
      "screenOrientation": "auto" // 可选值：auto, portrait, landscape
    }
  }
}

为了强制横屏，你可以将screenOrientation设置为landscape。但注意，这会影响到应用的所有页面。

2. 页面级设置屏幕方向

如果你只需要在某个特定页面强制横屏，可以在该页面的page.json或页面的script部分进行配置。

在`page.json`中设置

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页",
        "app-plus": {
          "screenOrientation": "landscape"
        }
      }
    }
  ]
}

在页面脚本中动态设置

如果需要在页面加载时动态设置屏幕方向，可以使用uni-app提供的API：

// pages/index/index.vue
export default {
  onLoad() {
    // #ifdef APP-PLUS
    plus.screen.lockOrientation('landscape');
    // #endif
  },
  onUnload() {
    // #ifdef APP-PLUS
    plus.screen.unlockOrientation(); // 恢复默认屏幕方向
    // #endif
  }
}

3. 注意事项

确保你的设备支持横屏显示。
在进行横屏设置时，考虑用户体验，避免在不合适的场景下强制横屏。
测试时，在真机或模拟器上检查横屏设置是否生效，因为不同平台的模拟器可能表现不一致。