THE SITUATION:
I am making an app, that to initialize everything it takes about a second. So it became clear that the best solution is to display a splash screen.
I am now making a blank app from scratch to test it.
THE STEPS:
For now i have done the following steps:
Create a blank app.
Added platform android and ios.
Running ionic resources (i suspect there is no need of this if have added platforms, but i am not sure)
Check that into the resource folder properly appear icon.png and splash.png
Check config.xml and see that properly there are the following settings:
<preference name="SplashScreen" value="screen"/>
<preference name="SplashScreenDelay" value="3000"/>
Install ngCordova and include it in index.html and as a dependency
<script src="lib/ngCordova/dist/ng-cordova.js"></script>
angular.module('starter', ['ionic', 'starter.controllers', 'ngCordova'])
It is supposed to work i guess. But i don't see any splash screen in my app.
THE QUESTION:
How can i activate the splash screen? I mean how can i actually see it appearing in the main page?
(for test purpose that ionic default image is fine and 3 seconds is okay)
Ok basically it is allright. The problem was just in testing the app (my bad). I was making quick tests in the browser (localhost) and by using quirktools.com/screenfly
But in order to see the splashscreen in action i had to test the app directly in the phone or with tools like Genymotion.
There the splashscreen is working properly. No plugin needed. Basically just following that steps is enough (even without running ionic resources).
You should add this to your plugins, then your settings in config.xml
will work.
Yes, you've read the instructions OK, but what you're missing is the ionic resources command. Take a look at the here for more info but basically you just have to run the aforementioned ionic resources command from the root project directory after you made the necessary .psd of .png files and placed them in the resources folder.