Showing alert in 'ionViewLoaded' or 'ionViewDidEnter' prevents page from loading

Ionic Framework ionic-v3
1

Hi!

After a user has logged into the app, I try to show an alert right after the page has loaded. I tried to use ‘ionViewLoaded’ or ‘ionViewDidEnter’, but both do not behave as expected. The popup shows up, but stacked on top of the login page as if the landing page has never been opened.

I open the landing page after a successfull login:

  loginSucceeded() {
    this.userService.addToUserHistory(this.username)
      .then(() => {
        this.nav.setRoot(TabsPage)
      });
  }

I open the popup with the following code in my ‘HomePage’ with the following code:

    ionViewLoaded() {
    this.userService.isFirstUserLogin("username")
      .then((isFirstLogin) => {
        return Alert.create({
          title: 'Change your PIN!',
          message: 'Please change your pin! Navigate to \'Account\' and click \'Change PIN\'',
          buttons: ['OK']
        });
      })
      .then((alert) => {
        this.nav.present(alert)
      });
  }

and it shows up like this:

image

I would expect that these lifecycles are the right place to call popups and the login page does not exist anymore?
Any hints what the problem might be?

EDIT: A potential solution is setting a timeout of a few seconds which works then as expected.