uniapp，app-plus，软键盘唤起去旋转屏幕，底部会有白底，有尝试过旋转时手动关闭润键盘，依旧没用

Question

开着软键盘，旋转手机，下面tabbar就会异常，用的原生tabbar
https://static.dingtalk.com/media/lADPJxRxWdvM_bHNCWjNBDg_1080_2408.jpg_720x720q90g.jpg?bizType=im
https://static.dingtalk.com/media/lADPJxf-2ICTfbXNBDjNCWg_2408_1080.jpg_720x720q90g.jpg?bizType=im
https://static.dingtalk.com/media/lADPKHQpU5SQfb7NBDjNCWg_2408_1080.jpg_720x720q90g.jpg?bizType=im

Answer 1

在uniapp的app-plus模式下，软键盘唤起导致屏幕旋转问题可能是由于系统默认的安全机制所导致的。可以尝试以下方法来解决这个问题：

1. 在manifest.json中设置页面横屏或竖屏显示，例如：

"pages": [
  {
    "path": "pages/index/index",
    "style": {
      "app-plus": {
        "titleNView": {
          "buttons": []
        },
        "preferRelatedPageOrientation": "portrait"
      }
    }
  }
]

1. 在manifest.json中设置应用程序的固定方向，例如：

"app-plus": {
  "permissions": {
    "system": {
      "supportAutoRotation": false
    }
  }
}

1. 尝试使用JavaScript来控制页面的方向，例如：

// 锁定屏幕为竖屏
plus.screen.lockOrientation("portrait-primary");
// 解除屏幕锁定
plus.screen.unlockOrientation();

如果没有解决问题，可以检查是否存在其他引起问题的因素，如CSS样式或代码逻辑错误等。