cordova应用程序在启动屏幕显示之前显示黑屏

Question

我正在使用Intel XDK开发一个Web应用程序，该应用程序可通过Cordova在线构建我的应用程序。我使用初始屏幕插件添加了初始屏幕。当我启动我的应用程序时，启动屏幕出现。但是在启动屏幕显示之前，黑屏会先显示一小会儿。我如何使它立即显示初始屏幕而没有先出现黑屏。

我用Google搜索了几天。然后我发现许多其他人都遇到了这个问题。但是似乎解决方案不能帮助我..

我尝试将AutoHideSplashScreen设置为false，并且SplashScreenDelay = 10000（或更高版本），并在所有事物准备就绪（app.Ready，deviceready ..）时隐藏启动屏幕。

任何帮助将不胜感激，谢谢。

Answer 1

我遇到了同样的问题，而且文档有点脱节。

Config.XML 确保您具有以下行。Android：根据需要调整超时时间。（对我来说是 10000，因为我在 DOM 中预加载了一些页面）。

 <preference name="SplashScreen" value="screen" />
 <preference name="SplashScreenDelay" value="10000" />

IOS:

<preference name="FadeSplashScreen" value="false" />
<preference name="SplashScreen" value="screen" />
<preference name="AutoHideSplashScreen" value="false" />

在 Index.Js 中

function () {
document.addEventListener('deviceready', onDeviceReady.bind(this), false);
function onDeviceReady() {
setTimeout(function () {
        navigator.splashscreen.hide();
    }, 50);
}

这使得启动屏幕保持打开状态，直到平台为我准备好为止。