I'm developing an app for iOS and Android, I'm using Phonegap Build to create it. I want display Splash Screens, I have .png files created for each platform; in iOS everything works fine but in Android doesn't appears the Splash Screens.
My config.xml looks like this (relevant code):
<preference name="phonegap-version" value="3.4.0" />
<preference name="orientation" value="portrait" />
<gap:plugin name="org.apache.cordova.splashscreen" version="0.2.7" />
<!-- Android -->
<gap:splash src="screen/android/screen-ldpi-port.png" gap:platform="android" gap:qualifier="ldpi" />
<gap:splash src="screen/android/screen-mdpi-port.png" gap:platform="android" gap:qualifier="mdpi" />
<gap:splash src="screen/android/screen-hdpi-port.png" gap:platform="android" gap:qualifier="hdpi" />
<gap:splash src="screen/android/screen-xhdpi-port.png" gap:platform="android" gap:qualifier="xhdpi"/>
<!-- iOS -->
<gap:splash src="screen/ios/screen-iphone-portrait.png" gap:platform="ios" width="320" height="480" />
<gap:splash src="screen/ios/screen-iphone-portrait-2x.png" gap:platform="ios" width="640" height="960" />
<gap:splash src="screen/ios/screen-iphone-portrait-568h-2x.png" gap:platform="ios" width="640" height="1136" />
<gap:splash src="screen/ios/screen-ipad-portrait.png" gap:platform="ios" width="768" height="1024" />
<gap:splash src="screen/ios/screen-ipad-portrait-2x.png" gap:platform="ios" width="1536" height="2008" />
I follow the Phonegap Documentation to create my Splash Screens and the sizes for Android are:
- screen-ldpi-port.png – (320 x 426)
- screen-mdpi-port.png – (320 x 470)
- screen-hdpi-port.png – (480 x 640)
- screen-xhdpi-port.png – (720 x 960)
Any idea to solve it? Thanks!
