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

APP端:

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

"safearea": {
	"bottom": {
		"offset": "none"
	}
}

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

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

其他端:

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐