New Formula - Customizing the Splash Screen

tutorials
21

Hi there
I am also “frustrating” for this splash screen issue. I’ve tried moving and copy files around, nothing got. This link is ok, but they don’t talk at all about splash screens (just a reference at the bottom of the page linking/refering to the splashscreen plugin; plugin info is so scarce).

So, do you know what is the cordova’s way of handling splashscreens? I’ve set up the icons as in the documentation and they work ok, but nothing got about the screens.

Cheers people!!

22

I answer myself by referring straight to what I think is SplashScreen location. Actually, changing the icon tag name for splash worked for me to set splash screens, just setting the screen definitions after icon definitions:

<platform name="android"> 
      <icon src="www/res/drawable-ldpi/icon.png" density="ldpi" />
      <icon src="www/res/drawable-mdpi/icon.png" density="mdpi" />
      <icon src="www/res/drawable-hdpi/icon.png" density="hdpi" />
      <icon src="www/res/drawable-xhdpi/icon.png" density="xhdpi" />

      <splash src="www/res/drawable-mdpi/screen.png" />
      <splash src="www/res/drawable-hdpi/screen.png" />
      <splash src="www/res/drawable-xhdpi/screen.png" />
    </platform>

This is for android, I manage icons and splashes for IOs in XCode, seems to be a bit more reliable than cordova CLI (although not better from my POV). In addition you can store the icon/splash files mostly wherever you want with the names you want (correct me if this is false!!!)

Cheers again

23

Thanks that’s what I did for iOS and it works fine.
Yes you can store the files where you like. I would not store them in the www folder though as they get copied across to your platforms www folder whcih takes time each time you build and increases app size.

1 Like
24

Hey @gerred, you said we could also do it in the routing layer and it’d be covered in another formula. Is there an example of this somewhere? Thanks!

25

Thanks! That’s works for me!

26

Hi,
I am new to ionic. Can anyone explain how to add animation to splash screen, like app is ‘loading’ or any progress bar (as .gif image) loading at time of splash screen.

Thanks in advanced!

27

My understanding is that Cordova does not allow for animated splash screens with its built in splashscreen config.
However, instead of showing the splash screen using cordova settings, skip straight to a custom loading screen with a spinner whilst you do something behind the scenes. Basically implement your own splash screen.

28

Hey,

I’m unable to visit mentioned link, when I hit link it redirects me to Ionic Getting stated page.