'Pages overlaps on navigation in Ionic4

I have developed an application using ionic4. I am facing an issue during navigation the pages overlaps like below give picture. I am using NavController for navigation.

    public editUserProfile() {
       this.menuCtrl.close('side-menu');
       this.navCtrl.navigateForward('/home/edit-profile');
  }

Any solution for this?

Solution 1:^[1]

Ionic 3 Navigation method not working in Ionic 4. You need to implement angular routing concepts here. Referee this link https://ionicframework.com/docs/navigation/angular

Solution 2:^[2]

Overlapping content while routing to other pages could be due to default routing animation.

Try disabling "animated" property to false in ion-router-outlet.

<ion-router-outlet [animated]="false" id="main"></ion-router-outlet>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Sathish kumar Ramalingam
Solution 2	ImBatman

'Pages overlaps on navigation in Ionic4

Solution 1:[1]

Solution 2:[2]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]