Icon and splash screen use Cordova default when app is built with PhoneGap Build

[blefebvre]

When app is built with the PhoneGap CLI, the splash screen looks like this (as defined in config.xml):

However, when the app is built with PhoneGap Build, the default Cordova splash (and icon) are used instead:

[chrisgriffith]

Can you describe where the app source for both came from?

[blefebvre]

Hi @chrisgriffith, sorry for the terse issue description, I had a solution in mind but wanted an issue to link it to.

The app source for both is this repository, and every app that is created by running phonegap create <path>.

[chrisgriffith]

This template is used by the CLI and the PhoneGap Desktop app, so adjust the asset and folder structure is not something that can easily be done. Use of either of those tools is not recommended for use with PhoneGap Build at this time.

[mxro]

Do I understand it correctly that this template won't work 'out of the box' when using PhoneGap Build?

This GitHub project is referenced in the PhoneGap Build Getting Started Guide.

[chrisgriffith]

That template is PhoneGap Build friendly. I suspect since the CLI was used, an older template might have been initially referenced somewhere along the process. I just tested creating an app with this template and it rendered correctly.

[blefebvre]

@mxro in my testing, the splash screen and icon defined in config.xml are not used when the app is built with PhoneGap Build. The app itself will work, but debugging icon and splash issues can be frustrating and time consuming.

This GitHub project is referenced in the PhoneGap Build Getting Started Guide.

This repository is indeed linked to from the guide, suggesting to me that it is intended to work with Build.

[chrisgriffith]

Icons and splash screens issues are usually due to incorrect paths being defined in the config.xml or not being included in the zip file.

[mxro]

Icons and splash screens issues are usually due to incorrect paths being defined in the config.xml or not being included in the zip file.

That is a good place to start, thank you. So is this template supposed to work 'out of the box' with PhoneGap Build (including a correct rendering of the splash screen) or changes have to be made manually?

I've tested it on an Android phone (Version 6.0) and I would get a black screen instead of a splash screen. I tried adjusting the paths in the config.xml and use slightly different tags as suggested in the PhoneGap Build Icon and Splash documentation but without success so far.

I do agree with @blefebvre that this is a bit frustrating ...

[Akronix]

I'm experiencing just the opposite: Phonegap build set the right icons and phonegap set the default icons, also using this template.
In either case, I haven't got any of them with the splashscreen working.
I've tried what I've read here: http://stackoverflow.com/questions/25385308/phonegap-build-not-showing-splashscreen but it only works If I use the default <splash> element.

[Akronix]

I finally fixed it! It had to do with my config.xml file.
If you're having some troubles with setting your splashscreens, see this post). Maybe It can help you as so it did to me...

[tisdall]

@Akronix - can you be more specific? I looked through that post, but the best I could ever get working was if I removed the density from one of the <splash> entries or had a default splash entry. Did you actually get it to load the appropriate splash screen based on the resolution?

[mahdaleni]

@tisdall siimply.... Edit your config xml via github change preferences as your directory file. That it.next you verified your app file or use real device.