ios上我的cordova应用程序底部的空白

Posted

技术标签:

【中文标题】ios上我的cordova应用程序底部的空白【英文标题】:White space at the bottom of my cordova app on ios 【发布时间】:2020-08-13 22:09:44 【问题描述】:

我在 Mac 上构建了我的 cordova 应用程序,结果在我的应用程序底部出现了空白。当我在应用程序之间切换并返回时,空白区域消失了,应用程序处于全屏模式。

我使用 cordova 插件闪屏,并在我的 config.xml 中有这个

<splash src="res/screen/ios/Default@2x~universal~anyany.png" />

启动画面大小为 2732x2732px。

第一次打开后有空白的应用程序:

我在应用之间切换并返回后的应用:

有什么想法吗?

【问题讨论】:

【参考方案1】:

修复了这些 css 行的问题:

html, body 
  width: 100vw;
  height: 100vh;

【讨论】:

非常有帮助。在找到这个 q/a 之前,我已经为这个 bug 苦苦挣扎了将近一年。救世主!【参考方案2】:

这对我有用 https://github.com/quasarframework/quasar/issues/6695

从你的项目中移除 cordova 的 Wkwebview 插件,包括从相关条目中清理你的 config.xml 安装 ionic webview(其中包括 Wkwebview 插件 + 他们自己的改进): cordova 插件添加 cordova-plugin-ionic-webview --save

【讨论】:

以上是关于ios上我的cordova应用程序底部的空白的主要内容,如果未能解决你的问题,请参考以下文章

IBM Worklight 5.0.6.1 - iOS 7 中的底部空白

Cordova 和 iOS 8:隐藏状态栏

iOS cordova应用程序在启动屏幕后挂起

应用程序在底部留下空白

Cordova页脚位置固定IOS11

如何在 ionic/cordova 中隐藏控制中心?