import { AfterViewInit , Component , HostBinding , ViewChild } from '@angular/core' ; import { IonTabs } from '@ionic/angular' ; import { TabsService } from './tabs.service' ; @ Component ( { selector : 'kirby-tab-bar' , templateUrl : './tabs.component.html' , styleUrls : [ './tabs.component.scss' ] , } ) export class TabsComponent implements AfterViewInit { @ HostBinding ( 'class.tab-bar-bottom-hidden' ) tabBarBottomHidden = false ; @ ViewChild ( IonTabs , { static : true } ) tabs : IonTabs ; constructor ( private tabsService ) { } ngAfterViewInit ( ) { this . tabsService . setOutlet ( this . tabs . outlet ) ; } }