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)