uni-app底部安全区调整_uniapp 安全区域

作者：笔触狂放9 | 2024-02-27 12:33:48

踩

uniapp 安全区域

uni-app 在app端默认为页面底部做了安全区适配（针对iphonex以上机型）。

如果想移除这个高度，可以在manifest.json的app-plus节点下添加以下代码

"safearea": {
	"bottom": {
		"offset": "none"
	}
}
1
2
3
4
5

配置后需要重新编译
注意： 不支持单个页面移除安全区，所以加此配置后需要自己为每个页面(tabbar除外)适配安全区

padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
1
2

除tabbar页面外，通过padding-bottom: env(safe-area-inset-bottom); 设置底部安全区适配

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