title: Cordova android black splashscreen
body: <p>I'm launching a vanilla cordova android app with the following config.xml yet the launching screen on the android device is 3 seconds black, then the app shows up. How do I get splash.png to be the image that shows up as a splash screen for 3 seconds?</p>
  
  <pre><code>&lt;?xml version='1.0' encoding='utf-8'?&gt;
  &lt;widget id="com.ambieye.shine" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0"&gt;
      &lt;name&gt;Shine&lt;/name&gt;
      &lt;description&gt;...&lt;/description&gt;
      &lt;author email="...@gmail.com" href="http://website.com"&gt;
      &lt;/author&gt;
      &lt;content src="index.html" /&gt;
      &lt;access origin="*" /&gt;
      &lt;icon src="www/apple-touch-icon-precomposed.png" /&gt;
  
      &lt;preference name="SplashScreenDelay" value="10000" /&gt;
      &lt;preference name="SplashScreen" value="app/www/images/splash.png" /&gt;
      &lt;preference name="SplashScreenDelay" value="10000" /&gt;
      &lt;splash src="app/www/images/splash.png" /&gt;
      &lt;platform name="android"&gt;
          &lt;hook type="before_build" src="hooks/ioscopywww.cmd" /&gt;
          &lt;!-- you can use any density that exists in the Android project --&gt;
  
          &lt;splash src="app/www/images/splash.png" density="land-hdpi"/&gt;
          &lt;splash src="app/www/images/splash.png" density="land-ldpi"/&gt;
          &lt;splash src="app/www/images/splash.png" density="land-mdpi"/&gt;
          &lt;splash src="app/www/images/splash.png" density="land-xhdpi"/&gt;
  app/
          &lt;splash src="app/www/images/splash.png" density="port-hdpi"/&gt;
          &lt;splash src="app/www/images/splash.png" density="port-ldpi"/&gt;
          &lt;splash src="app/www/images/splash.png" density="port-mdpi"/&gt;
          &lt;splash src="app/www/images/splash.png" density="port-xhdpi"/&gt;
      &lt;/platform&gt;
  
      &lt;platform name="ios"&gt;
          &lt;hook type="before_build" src="hooks/ioscopywww.sh" /&gt;
          &lt;!-- images are determined by width and height. The following are supported --&gt;
          &lt;splash src="app/www/images/splash.png" width="320" height="480"/&gt;
          &lt;splash src="app/www/images/splash.png" width="640" height="960"/&gt;
          &lt;splash src="app/www/images/splash.png" width="768" height="1024"/&gt;
          &lt;splash src="app/www/images/splash.png" width="1536" height="2048"/&gt;
          &lt;splash src="app/www/images/splash.png" width="1024" height="768"/&gt;
          &lt;splash src="app/www/images/splash.png" width="2048" height="1536"/&gt;
          &lt;splash src="app/www/images/splash.png" width="640" height="1136"/&gt;
          &lt;splash src="app/www/images/splash.png" width="750" height="1334"/&gt;
          &lt;splash src="app/www/images/splash.png" width="1242" height="2208"/&gt;
          &lt;splash src="app/www/images/splash.png" width="2208" height="1242"/&gt;
      &lt;/platform&gt;
  &lt;/widget&gt;
  </code></pre>