Pages overlaps on navigation in Ionic4

Question

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?

Answer 1

I got the solution for the issue, This is not because of the navigation using NavController, in my case I was using ion-header without color. This was causing issue. Use like below

<ion-header color="<set your color>"></ion-header>

Anyone who is facing the issue like this, please check whether the background is set or it is transparent.