uni-app 安卓 video 原生组件全屏后收起 视窗高度异常 包含安卓底部虚拟导航栏高度

这是一个已知的安卓原生组件全屏切换时的常见问题。核心原因是退出全屏后，WebView视口高度计算未正确恢复，错误包含了底部虚拟导航栏区域。

直接解决方案：

在退出全屏事件后，手动重置页面高度。在 video 组件的 @fullscreenchange 事件中处理：

onFullscreenChange(e) {
  const isFullscreen = e.detail.fullScreen;
  if (!isFullscreen) {
    // 退出全屏后，强制重置窗口高度
    setTimeout(() => {
      const res = uni.getSystemInfoSync();
      const windowHeight = res.windowHeight;
      // 将根节点或页面容器高度设置为正确的窗口高度
      // 例如使用uni-update-container或直接操作dom
      uni.createSelectorQuery()
        .select('#page-container')
        .style('height', windowHeight + 'px')
        .exec();
    }, 50); // 短暂延迟确保全屏切换完成
  }
}

备选方案：

1. 使用 fullscreenchange 监听结合 CSS 修复： 在退出全屏时，为页面容器添加一个修复类，强制修正高度：

   .fullscreen-fix {
     height: 100vh !important;
   }
   

2. 配置 manifest.json 的沉浸式状态栏： 确保 app-plus 下的 statusbar 和 safearea 配置正确，部分机型需要明确安全区控制：

   "app-plus": {
     "safearea": {
       "bottom": {
         "offset": "none"
       }
     }
   }
   

临时规避方法：

在退出全屏后，轻微滚动页面或触发一次窗口重绘，有时能恢复正确高度：

uni.pageScrollTo({
  scrollTop: 1,
  duration: 0
});