uniapp中ios底部安全区域问题

uniapp中ios底部安全区域问题

问题：ios底部导航栏会被遮住，安卓显示正常

1、App：在manifest.json源码视图中找到app-plus，添加safearea配置

"safearea" : {
                "background" : "#FFFFFF", // 安全区域外的背景颜色，默认值为"#FFFFFF"  
                "bottom" : {
                    // 底部安全区域配置  
                    "offset" : "auto" // 底部安全区域偏移，"none"表示不空出安全区域，"auto"自动计算空出安全区域，默认值为"none"  
                },
                "left" : {
                    // 左侧安全区域配置（横屏显示时有效）  
                    "offset" : "auto"
                },
                "right" : {
                    // 右侧安全区域配置（横屏显示时有效）
                    "offset" : "auto"
                }
            }

2、给page设置CSS

 padding-bottom: constant(safe-area-inset-bottom);
 padding-bottom: env(safe-area-inset-bottom); 

3、找到template.h5.html文件，给meta添加viewport-fit=cover

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,viewport-fit=cover">