uni-app 在app端默认为页面底部做了安全区适配(针对iphonex以上机型)。
APP端:
如果想移除这个高度,可以在manifest.json
的app-plus节点下添加以下代码
"safearea": {
"bottom": {
"offset": "none"
}
}
配置后需要重新编译
注意: 不支持单个页面移除安全区,所以加此配置后需要自己为每个页面(tabbar除外)适配安全区文章来源:https://www.toymoban.com/news/detail-564906.html
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);
设置底部安全区适配文章来源地址https://www.toymoban.com/news/detail-564906.html
到了这里,关于uni-app底部安全区调整的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!