Menu
Is it possible to add gif or svg animation as a splash screen for Ionic Mobile App? I couldn't find any solution but it looks like a typical task. Maybe I missed the solution.
<gap:plugin name="org.apache.cordova.splashscreen" />
<feature name="SplashScreen">
<param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen" />
<param name="ios-package" value="CDVSplashScreen" />
</feature>
<gap:splash src="img/splash.gif" />
<gap:splash src="img/splash.gif" gap:platform="ios" width="640" height="1136" />
If I put .png it works, but .png doesn't support animations.
741
The elements of the splash screen are defined by XML resource files in the Android Manifest. There are light and dark mode versions for each. Be aware of the following considerations regarding these elements: 1 The app icon should be a vector drawable, and it can be static or animated.
By adding a platform, Ionic will install Cordova splash screen plugin for that platform so we do not need to install anything afterwards. All we need to do is to find two images. The images should be png, psd or ai files. The minimum dimension should be 192x192 for icon image and 2208×2208 for the splash screen image.
It is mentioned in the document that the only supported files are: png, psd, and ai.
Ionic Icon SplashScreen
If you want to customize, try this one it might help you:
Using Views Events To Create JavaScript Pure Ionic Splash Screen
91
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
