Tab bar disappear when I push a page from tabs.ts

I created a fab button on tabs.html to navigate to another page but tabs bottom bar disappear
here is my code

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

import { EarningsPage } from '../earnings/earnings';
import { ArenaPage } from '../arena/arena';
import { LeadsPage } from '../leads/leads';
import { ProductsPage } from '../products/products';
import { VoicemailPage } from '../voicemail/voicemail';

@Component({
  templateUrl: 'tabs.html'
})
export class TabsPage {

  tab1Root = ArenaPage;
  tab2Root = LeadsPage;
  tab3Root = ProductsPage;
  tab4Root = EarningsPage;

  constructor(public navCtrl: NavController) {

  }

  goToVoicemails(){
    this.navCtrl.push(VoicemailPage, {}, {animate: false});
  }

}