tabbar设置背景色影响非tabbar页面的uni-app问题
tabbar设置背景色影响非tabbar页面的uni-app问题
操作步骤：
1
预期结果：
非tabbar页面底部安全区背景色应该为透明
实际结果：
非tabbar页面底部安全区背景色为tabbar的背景色
bug描述：
在安卓机上（底部带安全区），在pages.json 中设置tabbar页面并且设置tabbar背景色（例如红色），跳转到非tabbar页面，非tabbar页面的底部安全区颜色也变成了红色（ tabbar设置的背景色）
附件
更多关于tabbar设置背景色影响非tabbar页面的uni-app问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于tabbar设置背景色影响非tabbar页面的uni-app问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这是一个已知的 uni-app 平台差异问题。在 Android 设备上，tabBar 的背景色设置会影响到非 tabBar 页面的底部安全区颜色，这是因为底层原生渲染机制导致的。
解决方案是在非 tabBar 页面中显式设置页面背景色。在对应页面的样式文件中添加：
page {
background-color: #ffffff; /* 你的页面背景色 */
}
或者使用 uni-app 的 CSS 变量：
page {
background-color: var(--ui-BG-1, #ffffff);
}