tabbar在安卓15下使用非手势导航丢失空间与系统操作相互覆盖

tabbar在安卓15下使用非手势导航丢失空间与系统操作相互覆盖

5 回复

我刚在android 15试了下,没发现问题 你看下我下面的图



在配置里面设置安全区域为none,之前只有ios生效,现在在安卓15下也生效了,导致覆盖

在配置里面设置安全区域为none,之前只有ios生效,现在在安卓15下也生效了,导致覆盖

如果是cli项目更新下编译版本 不是cli项目提供下云打包的appid

在安卓15系统中,当使用传统的导航栏(非全面屏手势)时,uni-app的tabbar可能会与系统导航栏发生重叠。这是因为安卓15对系统UI进行了调整,导致底部导航栏高度计算出现偏差。

解决方法:

  1. 使用uni.getSystemInfoSync()获取安全区域信息,动态调整tabbar的padding-bottom
  2. 在pages.json中配置tabbar时添加safeAreaInsetBottom属性
  3. 通过CSS媒体查询针对安卓15进行特殊样式处理

示例代码:

// 获取安全区域
const systemInfo = uni.getSystemInfoSync()
const safeBottom = systemInfo.safeAreaInsets.bottom

// 动态设置样式
const tabbarStyle = {
  paddingBottom: safeBottom + 'px'
}
回到顶部