search

phonegap / phonegap-template-hello-world

PhoneGap Hello World app
Other
72 stars 235 forks source link

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

Open blefebvre opened 8 years ago

blefebvre commented 8 years ago

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

screen shot 2016-08-30 at 5 07 31 pm

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

pgb-splash

chrisgriffith commented 8 years ago

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

blefebvre commented 8 years ago

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 commented 8 years ago

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 commented 8 years ago

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 commented 8 years ago

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 commented 8 years ago

@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 commented 8 years ago

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 commented 8 years ago

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 commented 7 years ago

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 commented 7 years ago

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 commented 7 years ago

@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 commented 7 years ago

@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.