Tabbar show in subpages

I have a tabbar in my ionic 5 app. It works successfully but when I go into sub pages, the tabar disappear. I’d like to show it in all pages. What is the best practice?

<ion-tabs>
    <ion-tab-bar slot="button">
        <ion-tab-button tab="home">
            <ion-icon name="home-sharp"></ion-icon>
        </ion-tab-button>
        <ion-tab-button tab="search">
            <ion-icon name="search-sharp"></ion-icon>
        </ion-tab-button>
        <ion-tab-button tab="cart">
            <ion-icon name="cart"></ion-icon>
        </ion-tab-button>
        <ion-tab-button (click)="goToAccount()">
            <ion-icon name="person"></ion-icon>
        </ion-tab-button>
        <ion-tab-button tab="categories">
            <ion-icon name="grid-outline"></ion-icon>
        </ion-tab-button>
    </ion-tab-bar>
</ion-tabs>

If I go to Home (tab 1), tabbar appears. If I open a new page from home, the tabbar not appear

This is a draft tree of my pages:

1. Home
   1.1 Product
2. Search
   …

If I open Product page from Home, the tabbar is not present.

this.navCtrl.navigateForward('product');

Please help me

1 post - 1 participant

Read full topic