I am creating a new page and wanted that page to work as a splash screen but i am not able to hide the default splash screen from displaying
tried:
also in app.component in constructor .
this.splashScreen.hide();
this.initializeApp();
this.checkLogin();
this.splashScreen.hide();
this.route.navigate(["splashscreen"])
Still the default splash screen is not hidden
add in config.xml
<preference name="SplashScreenDelay" value="0"/>
You don’t need separate page to show splashscreen
just use this.splashScreen.show() and this.splashScreen.hide()
@indraj
I am creating an animated splash screen so what i did now is created a page name splash and included animations in it then instead of hiding splash screen i am showing that image from where animations start and after routing to splash page i am hiding the splash image so in simple
User will have no idea when it was image or when it was animation
But it will be both image and animation
I am creating an animated splash screen so what i did now is created a page name splash and included animations in it then instead of hiding splash screen i am showing that image from where animations start and after routing to splash page i am hiding the splash image so in simple
User will have no idea when it was image or when it was animation
But it will be both image and animation
try this
app.component.ts
this.platform.ready().then(() => {
this._navController.setDirection('root');
this._router.navigateByUrl('/splashscreen')
setTimeout(() => {
this._navController.setDirection('root');
this._router.navigateByUrl('/auth')
}, 1000)
});
or
Just as an info, don’t know if anyone said this before:
Animated SplashScreen’s aren’t possible nativly with cordova, so what we do is use a custom html page that shows a animation. But before this webpage loads a “real” splashscreen is shown. You can’t turn this off. You can disable it as much as possible but then a white screen is shown (maybe up to 2-3) seconds. So not optimal…
1 Like