Home / Questions / 390493
Accepted
JOSE HERRADA
Asked: 2020-09-19 06:04:46 +0800 CST 2020-09-19 06:04:46 +0800 CST

Detect when app is fully loaded in ionic/angular with splashscreen

  • 772

How about guys? I have a problem, in my ionic project I have created a splashscreen in my app, I want that splashscreen to remain active while the application is completely initialized.

app.component.ts

import { timer } from 'rxjs';

I am important timer to control the time that the splashscreen is active

export class AppComponent implements OnInit {
showSplash = true;

initializeApp() {
this.platform.ready().then(() => {
  this.statusBar.styleDefault();
  this.splashScreen.hide();

  timer(10000).subscribe(() => this.showSplash = false); -> aqui esta el problema
});

} }

What I want is that

The SplashScreen remains active until the application is completely initialized and not for a time defined by you

angular

1 Answers

  1. Best Answer

    Because you don't control how long you want your splash to be active for with <preference name="SplashScreenDelay" value="10000" />in the file config.xmlthis will just display the splash until the timer runs out.

    • 1