飞溅后phonegap ios白屏-如何避免

Question

我正在使用 phonegap 2.9.0 (iOS)。我遵循了这个论坛的建议并设置 ...首选项名称=“AutoHideSplashScreen”值=“假”... 在 config.xml 中也添加了

    navigator.splashscreen.show();

在 deviceReady() 函数中。

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

如何避免这种中间白屏？

感谢任何帮助。

Answer 1

对于 ios@6.1.0 将此添加到 config.hml

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

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 加载后和代码启动之前，将显示启动画面。