Tabs is covering footer on all pages

Ionic Framework ionic-v3
1

I am using tabs and anytime I use footer in html part of code, the footer does not show or any content in the footer. I think the tabs is covering it. Any ideas on how to fix it.

<ion-footer>
  <ion-toolbar>
    <ion-input type="text" name="message" placeholder="Message" [(ngModel)]="message"></ion-input>
    <ion-buttons end>
      <button ion-button icon-right color="royal" (click)="sendMessage()">
        <ion-icon name="md-send"></ion-icon>
      </button>
    </ion-buttons>
  </ion-toolbar>
</ion-footer>