tabbar在安卓15下使用非手势导航丢失空间与系统操作相互覆盖
tabbar在安卓15下使用非手势导航丢失空间与系统操作相互覆盖
5 回复
我刚在android 15试了下,没发现问题
你看下我下面的图
在配置里面设置安全区域为none,之前只有ios生效,现在在安卓15下也生效了,导致覆盖
在配置里面设置安全区域为none,之前只有ios生效,现在在安卓15下也生效了,导致覆盖
如果是cli项目更新下编译版本 不是cli项目提供下云打包的appid
在安卓15系统中,当使用传统的导航栏(非全面屏手势)时,uni-app的tabbar可能会与系统导航栏发生重叠。这是因为安卓15对系统UI进行了调整,导致底部导航栏高度计算出现偏差。
解决方法:
- 使用
uni.getSystemInfoSync()
获取安全区域信息,动态调整tabbar的padding-bottom - 在pages.json中配置tabbar时添加safeAreaInsetBottom属性
- 通过CSS媒体查询针对安卓15进行特殊样式处理
示例代码:
// 获取安全区域
const systemInfo = uni.getSystemInfoSync()
const safeBottom = systemInfo.safeAreaInsets.bottom
// 动态设置样式
const tabbarStyle = {
paddingBottom: safeBottom + 'px'
}