uni-app - 刘海屏(Iphone X)底部横杠(——)白色区域块（安全距离处更改颜色）解决方案_uniapp 做的app在iphone12上屏幕高度底部留白

作者：从前慢现在也慢 | 2024-02-27 12:16:33

踩

uniapp 做的app在iphone12上屏幕高度底部留白

场景：因为要做无 tabbar 页面，所以在配置文件中取消底部导航栏。

取消后，iPhone X(刘海屏) 底部就出现如下图所示白色安全区域问题：
在这里插入图片描述
这个问题，是因为 uni-app 默认会为 iPhone X(刘海屏) 留出安全距离，这个 安全距离的背景色就是白色。 所以，如果你将页面颜色设置为其他颜色，就会与默认白色冲突。

有 2 个不同的解决方案(原生占位)，虽然原理是一样，但使用的场景不同，请根据您的需求来采纳。

将所

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/152871