PhoneGap在iOS上启动画面后出现白屏的问题 - 如何避免

Question

我正在使用phonegap 2.9.0 (iOS)。我遵循了这个论坛的建议，在config.xml中设置了以下参数： 同时添加了对应的HTML标签。

    navigator.splashscreen.show();

在deviceReady()函数中。

然而，在启动画面和远程网页加载之间，我仍然看到了白屏。白屏持续时间不同 - 可能取决于网络延迟？

如何避免这种中间的白屏？

感谢任何帮助。

- rysv

---

这有帮助或者是重复的可能吗？- https://dev59.com/rXTYa4cB1Zd3GeqPy9Dc - Christopher

Answer 1

对于ios@6.1.0，请添加以下内容到config.hml文件中

<preference name="scheme" value="app" />
<preference name="hostname" value="localhost" />

- Mantas Laurinavičius

Answer 2

在onDeviceReady(){}中使用navigator.splashscreen.hide()

首先在你的config.xml文件中指定不自动隐藏启动画面（你已经添加了这个）

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

当onDeviceReady()启动时，延迟几秒钟执行navigator.splashscreen.hide()。
这样它会在隐藏前多停留几秒钟（例如此例中的2秒）。这样就可以覆盖正常splash.hide() / onDeviceReady()之间出现的白屏，并且实际加载您应用程序的主页面。

function onDeviceReady() {
    setTimeout(function() {
        navigator.splashscreen.hide();
    }, 2000);
}

所以，在 WebView 加载完成之后，在您的代码启动之前，将显示闪屏。

- benka

---

将此应用于 PhoneGap Build 项目后，iOS 版本的白屏问题已解决，但现在 Android 版本启动画面后出现白屏。是否有办法使其适用于两者？ - Carlos Garcia