Ionic 6 and Tabs Heder

I have a strange behavior that, maybe, could depend on the version of Ionic that I installed (6.10.1).

Tabbed browsing works perfectly but, unlike the video, when I click on “offers” rather than “discover” the content of the page changes (Discover page, Offers page) but the header does not. I have come to the conclusion that this mechanism is desired. What do you think about it?


<!-- <ion-content> -->
		<ion-tab-bar slot="bottom">
			<ion-tab-button tab="discover">
				<ion-icon name="search"></ion-icon>
			<ion-tab-button tab="offers">
				<ion-icon name="card"></ion-icon>
<!-- </ion-content> -->

Thanks a lot for everything.

here is starter kit that comes with guard + menu + tabs

1 Like