Check out example codes for "ionic footer not appearing". It will help you in understanding the concepts better.

Code Example 1

<ion-footer>
  <ion-toolbar>
  ...
  </ion-toolbar>
</ion-footer>              <!-- Add ion-toolbar -->

Learn ReactJs, React Native from akashmittal.com