title: Cordova : How to display splash screen on Android and iOS with one configuration?
body: <p>I'm trying to display splash screen using the cordova splashscreen plugin:</p>
  
  <p><a href="https://github.com/apache/cordova-plugin-splashscreen" rel="nofollow">https://github.com/apache/cordova-plugin-splashscreen</a></p>
  
  <p>So i added in top level config.xml file following lines:</p>
  
  <pre><code>    &lt;platform name="android"&gt;
        &lt;icon src="res/android/drawable-ldpi/ic_launcher.png" density="ldpi" /&gt;
        &lt;icon src="res/android/drawable-mdpi/ic_launcher.png" density="mdpi" /&gt;
        &lt;icon src="res/android/drawable-hdpi/ic_launcher.png" density="hdpi" /&gt;
        &lt;icon src="res/android/drawable-xhdpi/ic_launcher.png" density="xhdpi" /&gt;
        &lt;!-- you can use any density that exists in the Android project --&gt;
        &lt;splash src="www/images/test.png" density="land-hdpi"/&gt;
        &lt;splash src="www/images/test.png" density="land-ldpi"/&gt;
        &lt;splash src="www/images/test.png" density="land-mdpi"/&gt;
        &lt;splash src="www/images/test.png" density="land-xhdpi"/&gt;
        &lt;splash src="www/images/test.png" density="port-hdpi"/&gt;
        &lt;splash src="www/images/test.png" density="port-ldpi"/&gt;
        &lt;splash src="www/images/test.png" density="port-mdpi"/&gt;
        &lt;splash src="www/images/test.png" density="port-xhdpi"/&gt;
      &lt;/platform&gt;
      &lt;platform name="ios"&gt;
        &lt;!-- images are determined by width and height. The following are supported --&gt;
        &lt;splash src="www/images/test.png" width="320" height="480"/&gt;
        &lt;splash src="www/images/test.png" width="640" height="960"/&gt;
        &lt;splash src="www/images/test.png" width="768" height="1024"/&gt;
        &lt;splash src="www/images/test.png" width="1536" height="2048"/&gt;
        &lt;splash src="www/images/test.png" width="1024" height="768"/&gt;
        &lt;splash src="www/images/test.png" width="2048" height="1536"/&gt;
        &lt;splash src="www/images/test.png" width="640" height="1136"/&gt;
        &lt;splash src="www/images/test.png" width="750" height="1334"/&gt;
        &lt;splash src="www/images/test.png" width="1242" height="2208"/&gt;
        &lt;splash src="www/images/test.png" width="2208" height="1242"/&gt;
      &lt;/platform&gt;
   &lt;preference name="SplashScreen" value="screen" /&gt;
    &lt;preference name="SplashScreenDelay" value="20000" /&gt;
  </code></pre>
  
  <p>And into app.js </p>
  
  <pre><code>.run(function($ionicPlatform, $rootScope) {
    $ionicPlatform.ready(function() {
      document.addEventListener("deviceready", onDeviceReady, false);
      function onDeviceReady() {
        navigator.splashscreen.show();
      }
  </code></pre>
  
  <p>Problem is that no splash screen is displayed. I tried to find any working solution here:</p>
  
  <p><a href="http://forum.ionicframework.com/t/need-help-with-displaying-splash-screen-on-android-cordova-3-6/10436/11" rel="nofollow">http://forum.ionicframework.com/t/need-help-with-displaying-splash-screen-on-android-cordova-3-6/10436/11</a></p>
  
  <p>But without luck.</p>
  
  <p>Plugin documentation is pretty unclear. </p>
  
  <p>How can i solve it please?</p>
  
  <p>Many thanks for any advice.</p>