Ionic - iPhone X标题中的白边

Question

在iPhone X上加载应用程序，我的凹槽两侧都有白条。我正在使用Ionic Tabs。我试过改变身体和ion-app背景颜色。

body, ion-app.app-root {
    background-color: color($colors, main);
}

首先加入viewport-fit=cover

正在运行"cordova-plugin-statusbar": "^2.2.3"

还尝试使用<preference name="StatusBarBackgroundColor" value="#25707B" />更改状态栏背景颜色。不知道是什么导致了它们。

编辑：添加了白边的图像。

Answer 1

iPhone X上的状态栏大小已更改，因此旧版cordova-plugin-statusbar在iPhone X上显示不正确。

my answer to another Question已合并到cordova-plugin-statusbar@2.3.0版本中，因此请确保您至少使用此版本。 您可以通过运行cordova plugin ls来检查项目中安装的版本。

有关iPhone X上Cordova应用程序的问题和解决方案的更全面列表，请参阅A fix。