Phone screensaver
I am having a hard time getting the popup screen for iOS and Android via Phonegap Build. Here is the link code in my config.xml file:
<gap:splash src="res/screen/android/screen-ldpi-portrait.png" gap:platform="android" gap:qualifier="port-ldpi" />
<gap:splash src="res/screen/android/screen-mdpi-portrait.png" gap:platform="android" gap:qualifier="port-mdpi" />
<gap:splash src="res/screen/android/screen-hdpi-portrait.png" gap:platform="android" gap:qualifier="port-hdpi" />
<gap:splash src="res/screen/android/screen-xhdpi-portrait.png" gap:platform="android" gap:qualifier="port-xhdpi" />
<gap:splash src="res/screen/android/screen-ldpi-landscape.png" gap:platform="android" gap:qualifier="land-ldpi" />
<gap:splash src="res/screen/android/screen-mdpi-landscape.png" gap:platform="android" gap:qualifier="land-mdpi" />
<gap:splash src="res/screen/android/screen-hdpi-landscape.png" gap:platform="android" gap:qualifier="land-hdpi" />
<gap:splash src="res/screen/android/screen-xhdpi-landscape.png" gap:platform="android" gap:qualifier="land-xhdpi" />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-ipad-portrait-2x.png" width="1536" height="2048"/>
<gap:splash gap:platform="ios" src="res/screen/ios/screen-ipad-portrait.png" width="768" height="1024"/>
<gap:splash gap:platform="ios" src="res/screen/ios/screen-ipad-landscape-2x.png" width="2048" height="1536"/>
<gap:splash gap:platform="ios" src="res/screen/ios/screen-ipad-landscape.png" width="1024" height="768"/>
I am getting black screen for Android and default Phonegap splash screen for iOS. I have prepared almost all articles and posts on this topic here and on the phonegap blog, but nothing seems to work. Even the default <gap:splash src="splash.png" />
doesn't appear.
It seems like there are many options online in naming convention and folder structure and don't know which was right. Could this be my fault?
try it
<gap:splash src="splash.png" />
<gap:splash src="res/screen/android/screen-ldpi-portrait.png" gap:platform="android" gap:density="ldpi" />
<gap:splash src="res/screen/android/screen-mdpi-portrait.png" gap:platform="android" gap:density="mdpi" />
<gap:splash src="res/screen/android/screen-hdpi-portrait.png" gap:platform="android" gap:density="hdpi" />
<gap:splash src="res/screen/android/screen-xhdpi-portrait.png" gap:platform="android" gap:density="xhdpi" />
<gap:splash src="res/screen/ios/screen-iphone-portrait.png" gap:platform="ios" width="320" height="480" />
<gap:splash src="res/screen/ios/screen-iphone-portrait-2x.png" gap:platform="ios" width="640" height="960" />
<gap:splash src="res/screen/ios/screen-ipad-portrait.png" gap:platform="ios" width="768" height="1024" />
<gap:splash src="res/screen/ios/screen-ipad-portrait-2x.png" gap:platform="ios" width="1536" height="2048" />
<gap:splash src="res/screen/ios/screen-iphone-portrait-568h-2x.png" gap:platform="ios" width="640" height="1136" />
<gap:splash src="res/screen/ios/screen-ipad-landscape.png" gap:platform="ios" width="1024" height="768" />
<gap:splash src="res/screen/ios/screen-ipad-landscape-2x.png" gap:platform="ios" width="2048" height="1536" />
<gap:splash src="res/screen/ios/screen-iphone-landscape.png" gap:platform="ios" width="480" height="320" />
<gap:splash src="res/screen/ios/screen-iphone-landscape-2x.png" gap:platform="ios" width="960" height="640" />
Unfortunately not for the Phonegap build.
But this applies to anyone who ends up here who has this same problem but is building locally.
You may find that your phone / cordova has a set of default screens somewhere inside your project. Overwrite them yourself.
iOS: platform / ios / {PROJECT_NAME} / Resources / splash
Android: platforms / android / res / drawable (and any other available folders for other -hpi resolutions, etc.)