飞溅后的Phonegap 3白色闪光灯

Bri*_*gan 8 ios cordova

我知道已经多次询问(和回答)(PhoneGap在启动画面后显示白屏 - IOS,Phonegap 2.0 - 应用程序启动时,在我的应用程序加载之前,白屏闪烁,如何杀死白色闪烁的闪屏开始使用phonegap iOS app?)但这些解决方案似乎都不适用于我.也许是因为我使用的是Phonegap第3版?

我只加载Phonegap和jQuery 2.0.0(其他解决方案处理我不使用的jQuery-mobile)而且我只针对iOS进行部署.我有一个启动图像加载,然后应用程序显示一个白色的屏幕(持续时间不同 - 我猜它正在加载应用程序?)然后我的index.html加载我的第一个屏幕.这是我现在的头脑:

<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="user-scalable=no, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

    <link type="text/css" rel="stylesheet" href="css/main.css" />

    <title>My App</title>

    <script type="text/javascript" src="phonegap.js"></script>
    <script src="js/lib/jquery-2.0.0.min.js"></script>
    <script src="js/main.js"></script>      
</head>
Run Code Online (Sandbox Code Playgroud)

我尝试将其添加到我的config.xml(与index.html在同一文件夹级别):

<preference name="backgroundColor" value="0x000000" />
Run Code Online (Sandbox Code Playgroud)

但我仍然得到白屏闪光.我还尝试手动隐藏/显示启动:

function onDeviceReady() {
    navigator.splashscreen.show();
}
Run Code Online (Sandbox Code Playgroud)

但这似乎没有任何影响.有人有什么建议吗?

Bri*_*gan 18

我终于能够消除飞溅闪光,但我不得不使用Cordova来做到这一点.以下是我采取的步骤:

在终端:

cordova create ~/path/to/project “com.appname.app” “appName”
cd ~/path/to/project
cordova platform add ios
cordova build
cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-splashscreen.git
cordova build
Run Code Online (Sandbox Code Playgroud)

使用Finder导航到~/path/to/project/platforms/ios/并双击projectname.xcodeproj以在Xcode中打开项目.

接下来,我进去编辑了图像.你可以通过多种方式做到这一点.这就是我所做的:在Xcode中,导航到Resources/splash/,右键单击要更改的图像,选择Show in Finder并使用您想要更改图像的任何工具.

完成后,返回Xcode并打开根级别config.xml(仍然不确定为什么有两个config.xml文件,但你想要文件夹结构中最远的文件).将AutoHideSplashScreen属性更新为

<preference name="AutoHideSplashScreen" value="false" />.

从Xcode主菜单中选择Product > Clean,然后选择Product > Build.

一再为我工作.然后,我能够使用我的应用程序中的navigator.splashscreen.show()and和navigator.splashscreen.hide()方法(如果不经过所有这些步骤,它们似乎没有响应).

希望这可以帮助!

  • 我仍然对Phonegap v Cordova项目之间的语法感到困惑,因为在线文档引用了Cordova项目.这最终为我工作:`phonegap本地插件添加https:// git-wip-us.apache.org/repos/asf/cordova-plugin-splashscreen.git` (2认同)