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?
source to share
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" />
source to share
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.)
source to share