如何在Cordova应用程序上修复iPhone X显示屏

时间:2019-05-17 15:59:15

标签: cordova cordova-plugins onsen-ui iphone-x

我正在使我的应用程序可移植到iPhone X上,并尝试使其适合设备。我的问题是,当应用程序处于横向模式时,左侧为空白,而纵向模式则为底部。

我在整个Internet上查找,但没有解决方案。我已经有了meta viewport-fit,并且我已经更改了初始屏幕(实际上纠正了第一个错误,该应用程序的顶部和底部都有黑色区域),但是毕竟,这个空白并没有消失。我正在使用Cordova 6.5,节点6.14.4和onsen-ui 1.3.14。

我认为问题可能与cordova-status-bar插件有关,因为纵向模式下的顶部没有白色空白区域。我们对IOS平台的配置:

<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#165769" />
<preference name="StatusBarStyle" value="lightcontent" />

我希望维护状态栏,并且如果可能的话,维护框架的版本,并且没有白色的空白区域。错误图片:

Example image of the error: 如果我旋转到风景的另一侧,白色的空白区域仍在左侧,现在在凹口一侧。

0 个答案:

没有答案