Hide Ionic TabBar/Footer on specific subpages

ngAfterViewInit() { const tabsEl = document.querySelector(‘ion-tab-bar’); if (tabsEl) { tabsEl.hidden = true; } }

Nikunj · 2023-10-06 10:23 · 0 claps · 0.1 min read

#ionic #ionic-framework #ionic4 #ionic3 #ionic-app-development

ngAfterViewInit() { const tabsEl = document.querySelector(‘ion-tab-bar’); if (tabsEl) { tabsEl.hidden = true; } }

ionViewWillLeave() { const tabsEl = document.querySelector(‘ion-tab-bar’); if (tabsEl) { tabsEl.hidden = false; } }

메타데이터

post_id: 60042bbfac27
slug: hide-ionic-tabbar-footer-on-specific-subpages-60042bbfac27
url: https://medium.com/@nikunj_20911/hide-ionic-tabbar-footer-on-specific-subpages-60042bbfac27
canonical_url: https://medium.com/@nikunj_20911/hide-ionic-tabbar-footer-on-specific-subpages-60042bbfac27
author_url: https://medium.com/@nikunj_20911
status: ok
fetched_at: 2026-07-25 03:07:39