PhoneGap iOS9黑边问题

Posted 2023-03-07

【中文标题】PhoneGap iOS9黑边问题

【英文标题】：PhoneGap iOS9 black border issue

【发布时间】：2015-09-19 17:42:54

【问题描述】：

我最近将我的 iphone 6 从 ios 8 升级到 iOS 9。在我打开之前启动时显示良好的应用后，它现在在屏幕顶部和底部显示黑色边框，并自动加载 phonegap 徽标作为闪屏。关于如何摆脱这些问题的任何建议？

我在网上看到一些文章提出了一些建议，但没有一个对我有用，其中一篇提到将 config.xml 首选项从 TRUE 修改为 FALSE 并没有帮助。 <preference name="auto-hide-splash-screen" value="FALSE" />'

我还安装了 phoneGap 闪屏插件，但没有帮助。任何建议都将不胜感激，我将测试不同的东西，如果我找到解决方案，我会在这里分享。

提前致谢。

【参考方案1】：

就我自己而言，问题只是我在 640x1136 的初始屏幕上使用了 jpg 图像。

它在 iOS7 和 8 中工作，但在 iOS9 的屏幕顶部和底部显示黑条。

将文件的格式和扩展名更改为PNG，更改配置文件中的路径以反映扩展名的更改，它又开始工作了。

如果您正在开始一个项目，请帮自己一个忙：不要使用 phonegap，它在纸上看起来很有吸引力，但它是 hacks on hacks。

【参考方案2】：

以下是解决方案，我认为其他开发人员迟早也会遇到这个问题。感谢 phonegap 社区委员会的@filmkit。

转到：myProject/www/res/screen/ios，我用我的 3 个启动屏幕替换了 3 个 PhoneGap 的图像（与 PhoneGap 的尺寸相同）。

屏幕-iphone-portrait-2x.png

screen-iphone-portrait-568h-2x.png

screen-iphone-portrait-568h-2x.png

然后我转到 myProject/ 并编辑了我的 config.xml，我将以下首选项从 TRUE 更改为 FALSE，见下文：

<preference name="auto-hide-splash-screen" value="false"/>

2a。还要验证每个初始屏幕的路径前面没有“www”。它们应该是：res/screen/ios

然后我将 config.xml 文件从：myProject/ 复制到：myProject/www

然后编辑 myProject/www/js/index.js 和下面这一行：

app.receivedEvent('deviceready'); -

添加这个：

setTimeout(function() 
navigator.splashscreen.hide();
, 2000);

压缩您的 www 文件夹，然后转到 build.phonegap.com 并重新构建您的应用程序。如果上述方法不起作用，请告诉我。

安德烈