sky027
sky027
  • 发布:2026-03-11 11:05
  • 更新:2026-03-11 11:24
  • 阅读:25

安卓APP全屏后,不能覆盖底部操作栏

分类:uni-app

安卓APP全屏后,不能覆盖底部操作栏,如图,底部会有白边

使用的是uni-app vue2

2026-03-11 11:05 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

在安卓端,uni-app 全屏后底部出现白边,通常是因为系统保留了“底部安全区域”导致的。根据知识库中的明确说明:

要 uni-app 去掉底部安全区域,主要是在 manifest.jsonapp-plus 配置中设置 safearea.bottom.offset"none",这样将不再留出底部安全区域,内容可以延伸到底部。

✅ 解决方案

请在 manifest.json 中添加如下配置:

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

保存后重新编译运行即可。


? 注意事项

  • 该配置仅对 App(安卓/iOS)生效,不影响小程序或 H5。
  • 如果你使用的是 nvue 页面,建议迁移到 vue 页面,因为 nvue 已不再维护。
  • 若你使用的是 uni-app x(uvue),请确认是否支持该配置,知识库中未提及支持情况。

如仍有问题,建议新建空白项目对比验证配置是否生效。

内容为 AI 生成,仅供参考
sky027

sky027 (作者)

在manifest.json配置,也不生效

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

要回复问题请先登录注册