Hide Tabs based on condition Ionic 4

Ionic Framework
1

Im using ionic 4 and I want to hide Tabs based on a condition ,how can i achieve this ? please help me

2

use this below code in ionviewdidenter event of the page you wan to hide the tabs

<ion-tab-bar #myTabBar id=“myTabBar” slot=“bottom”>

const tabBar = document.getElementById(‘myTabBar’);
tabBar.style.display = ‘none’;

1 Like
3

It’s really unidiomatic to interact directly with the DOM in an Angular app. I don’t understand why this would be a recommended approach.

4

Hi , How can i hide a specific tab ? not the tab bar

5

I would suggest reading this thread.

6

then apply all this logic on single tab