uni-app开发时对ios底部安全区域的控制
对于ios来说,底部安全区域
仅App端支持
manifest.json 文件下 源码视图 app-plus添加节点 safearea
设置背景色
"safearea": {
"background": "#FFFFFF", //背景色
"bottom": {
"offset": "auto"
}
}
不设置背景色
"safearea": {
"bottom": {
"offset": "auto"
}
}
兼容小程序
app.vue文件
page {
padding-bottom: constant(safe-area-inset-bottom);/*兼容 IOS<11.2*/
padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
}
注意
:env()和constant()需要同时存在,且顺序不能调换
名称解释:
获取上安全距离: env(safe-area-inset-top)
获取左安全距离:env(safe-area-inset-left)
获取右安全距离:env(safe-area-inset-right)
获取下安全距离:env(safe-area-inset-bottom)