Phonegap 应用程序隐藏启动画面太快

Question

我正在开发一个多平台 Phonegap 应用程序，并使用 Phonegap Build 服务来构建它并将其加载到设备上。我已关注文档并在网上进行了广泛搜索，但在启动画面时仍然遇到问题。应用程序启动并显示启动画面约 1 秒，然后有白色闪烁，偶尔还会在页面正常加载之前闪烁无样式的 html。我试图让启动画面持续大约 4 秒，然后正确显示初始页面，而不会出现这些烦人的闪烁——它们对用户体验产生了如此负面的影响，并让它真的感觉不像一个移动应用程序。 我无法让 config.xml 文件的任何建议元素用于指定启动画面延迟。

我在 iPad 2、iPhone 4s 和最新的 Google Nexus 上对此进行了测试，所有 3 台设备都有这个问题，iPhone 最慢，Nexus 显示非常快的闪光，但仍然是闪光。

我正在使用最新版本的 Phonegap Build，以及用于 UI 和页面转换的 jQuery mobile，所以我想知道这是否与它有关。

非常感谢任何帮助！

Answer 1

你可以在 config.xml 中试试这个

<preference name="SplashScreen" value="splash" />
<preference name="SplashScreenDelay" value="10000" />
<preference name="AutoHideSplashScreen" value="false" />

当你想隐藏时，在 .js 文件中

navigator.splashscreen.hide();

Answer 2

只是为了添加其他人在这里放置的内容，是的，将以下内容放入您的 config.xml，

<preference name="SplashScreen" value="splash" />
<preference name="SplashScreenDelay" value="10000" />
<preference name="AutoHideSplashScreen" value="false" />

然后打电话

navigator.splashscreen.hide();

当您准备好隐藏启动画面时。但请确保您已添加启动画面插件：

cordova plugin add cordova-plugin-splashscreen

作为初始屏幕将显示（至少在 iOS 上，不能 100% 确定在没有插件的情况下启动屏幕是否可以在其他平台上工作），但您无法控制持续时间，或者没有插件就隐藏它。

Answer 3

在安卓上试试这个：

SplashScreenDelay（以毫秒为单位，默认为 3000）：启动画面图像显示的时间量。

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

将此<preference> 设置在res--> xml -->config.xml 文件中。

来源链接here.

Answer 4

你可以通过延迟来解决这个问题

navigator.splashscreen.hide();

直到一些动画帧进入应用程序（尽管这取决于您的启动/渲染情况）

如果你使用fastdom，下面可能会做，但根据你的用例，你可能需要更大的延迟

fastdom.defer(2, function () {
    navigator.splashscreen.hide();
});

Answer 5

您好，对我有用的解决方案是从 Build 的 WWW 文件夹本地加载 HTML，然后从那里调用我的所有其他页面。我请您检查 j Query 与 phonegap 的兼容性。始终建议使用纯 java 脚本，因为它们加载速度更快，不包含库。