Hide IonTabBars for some pages

Hi, I’m using Ionic Framework with React.

I got an app structure like this:

<IonReactRouter>
      <IonTabs>
        <IonRouterOutlet>
          <Route exact path="/some-modal">
            <AModalComponent/>
          </Route>
          <Route exact path="/profile">
            <ProfilePage
              user={user || null}
            />
          </Route>
          <Route path="/" exact>
            <Frontpage user={user || null} />
          </Route>
        </IonRouterOutlet>

          <IonTabBar slot="bottom">
            <IonTabButton tab="frontpage" href="/">
              <IonLabel>Start</IonLabel>
            </IonTabButton>
        
            <IonTabButton tab="profile" href="/profile">
              <IonLabel>Profil</IonLabel>
            </IonTabButton>
          </IonTabBar>
        
      </IonTabs>
</IonReactRouter>

Now, for some routes I do not want to show the IonTabs.

How should I do that?

2 posts - 1 participant

Read full topic