Showing Splash screen spinner in ionic

Question

I want to show spinner on splash screen using ionic framework in android.Here is my config file:

<content src="index.html"/>
  <access origin="*"/>
  <preference name="splashScreen" value="screen"/>
  <preference name="SplashScreenDelay" value="10000"/>
  <preference name="AutoHideSplashScreen" value="false"/>
  <preference name="webviewbounce" value="false"/>
  <preference name="UIWebViewBounce" value="false"/>
  <preference name="DisallowOverscroll" value="true"/>
  <preference name="BackupWebStorage" value="none"/>
  <preference name="SplashScreen" value="screen"/>

   <preference name="ShowSplashScreenSpinner" value="true"/>
  <feature name="StatusBar">
    <param name="ios-package" value="CDVStatusBar" onload="true"/>
  </feature>

Answer 1

use

<preference name="ShowSplashScreenSpinner" value="true" />  

in your config.xml

Answer 2

1. Install splash screen plugin

$ ionic plugin add org.apache.cordova.splashscreen

2. Change the defaults.xml in myapp/platforms/ios/cordova/ and config.xml

<preference name="AutoHideSplashScreen" value="false" />
<preference name="ShowSplashScreenSpinner" value="false" />

3. Add in your controllers.js on top

angular.module('starter.controllers', [])

.run(function($ionicPlatform) { $ionicPlatform.ready(function() { setTimeout(function() { navigator.splashscreen.hide(); }, 300); }); })

4. Rebuild and run the app:

ios

$ ionic cordova build ios Or $ ionic cordova run ios

Android

$ ionic cordova build android Or $ ionic cordova run android

For Details