tabsHideOnSubPages for different tabs

Hello, in my application I have two Tabs. I need for one set tabsHideOnSubPages: true and for the second tabsHideOnSubPages: false is it possible? Thank you for your help!

1 Like

I think this can’t.
so you should handling css:

    let tabBar:any = document.querySelector('ion-tabbar');
    tabBar.style.display = 'none';

or

    let tabBar:any = document.querySelector('ion-tabbar');
    tabBar.style.display = 'flex';

regards.

That’s exactly what I’m doing now… But the animation during transition to the page is not perfect :frowning:

If you have to worry about, you should control animate css and write before nav.push.

in css.

ion-tabbar {
transition: all 1s;
opacity: 1;
}

ion-tabbar.fade {
opacity: 0;
}

ts file.

viewInfo(){
let tabBar:any = document.querySelector(‘ion-tabbar’);
tabBar.className = ‘fade’;
this.nav.push(InfoList);
}

regards.

1 Like