uni-app IOS 首次安装后运行屏幕可翻转至横屏，从后台退出后再次打开无法翻转至横屏

在 uni-app 中，iOS 设备首次安装后运行屏幕可以翻转至横屏，但从后台退出后再次打开无法翻转至横屏，可能是由于以下原因导致的：

1. 屏幕方向设置问题

uni-app 默认情况下可能会锁定屏幕方向，或者在某些情况下没有正确恢复屏幕方向设置。你可以通过以下方式检查和设置屏幕方向：

• 在 pages.json 中设置屏幕方向： 你可以在 pages.json 中为每个页面设置屏幕方向。例如：

  {
    "pages": [
      {
        "path": "pages/index/index",
        "style": {
          "navigationBarTitleText": "首页",
          "pageOrientation": "auto" // 允许自动旋转
        }
      }
    ]
  }

  将 pageOrientation 设置为 auto 可以允许页面根据设备方向自动旋转。

• 在代码中动态设置屏幕方向： 你也可以在代码中动态设置屏幕方向。例如：

  plus.screen.lockOrientation('portrait-primary'); // 锁定竖屏
  plus.screen.lockOrientation('landscape-primary'); // 锁定横屏
  plus.screen.unlockOrientation(); // 解锁屏幕方向

2. iOS 系统限制

iOS 系统在某些情况下可能会限制屏幕方向的切换，尤其是在应用从后台恢复时。你可以尝试以下方法：

• 在 App.vue 中监听应用生命周期： 你可以在 App.vue 中监听应用的生命周期事件，确保在应用从后台恢复时重新设置屏幕方向。例如：

  export default {
    onShow() {
      plus.screen.unlockOrientation(); // 解锁屏幕方向
    },
    onHide() {
      // 应用进入后台时的处理
    }
  }

• 检查 iOS 设备的设置： 确保 iOS 设备的屏幕旋转锁定（竖排方向锁定）没有开启。你可以在控制中心检查并关闭屏幕旋转锁定。

3. uni-app 版本问题

如果你使用的是较旧版本的 uni-app，可能存在一些已知的 bug 或问题。建议你升级到最新版本的 uni-app，并检查是否有相关的修复。

4. 插件或原生代码冲突

如果你使用了某些插件或原生代码，可能会影响屏幕方向的设置。检查是否有插件或代码片段在应用从后台恢复时锁定了屏幕方向。

5. 调试和日志

你可以通过 console.log 或 uni.getSystemInfo 来调试和获取当前的屏幕方向信息，帮助定位问题。

示例代码

以下是一个简单的示例，展示如何在应用从后台恢复时解锁屏幕方向：

// App.vue
export default {
  onShow() {
    plus.screen.unlockOrientation(); // 解锁屏幕方向
  },
  onHide() {
    // 应用进入后台时的处理
  }
}

// pages.json
{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页",
        "pageOrientation": "auto" // 允许自动旋转
      }
    }
  ]
}