Ionic 4 tab bar button getting freezed

Hi… I need an urgent help on Ionic 4 navigation issue, I am facing.

Brief description

  1. I have a UserPage that has a single input field to take user name and a button to move to next page of taking password as PasswordPage.

  2. On successful login on Password page, I land into dashboard page where bottom tab bars will appear.

  3. In normal case i.e. if I enter user name on UserPage and then click on next button in the same page to move on PasswordPage.After entering valid password I submit the page which calls api and then it lands in DashboardPage and here all bottom tabs on DashboardPage are working fine.

  4. However, here I get error when I enter user name on UserPage and move to PasswordPage and then If I click back to UserPage and then again come to PasswordPage and lands to DashboardPage, all tabs are freezed and no tab is clickable.

I am struggling with this issues since many days…I am finding no clue…I would be thankful for any help on this.

Hello,
For me its seems that you have a problem with Page caching. Try to implement in your .ts file the OnDestroy and the following functions:

ionViewWillEnter() {
// Your code here
}

ionViewDidEnter {
// Your code here
}

ionViewWillLeave {
// Your code here
}

ionViewDidLeave {
// Your code here
}

ngOnDestroy {
// Your code here
}

Try to understand their roles and how they can fit in your logic. But I am assuming that you may need to put your functionality to load those pages/components in ionViewWillEnter.

Kind regards,
Stefan.