Why do not you see tabs in this example?

Ionic Framework ionic-v3
1

Why do not you see tabs in this example?

<ion-header>
  <ion-navbar color="danger">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Title</ion-title>

    <ion-buttons end>
      <button ion-button icon-only (click)="btnPesquisar()">
        <ion-icon name="search"></ion-icon>
      </button>
    </ion-buttons>

  </ion-navbar>
</ion-header>

<ion-content padding>

<ion-tabs tabsPlacement="top">
  <ion-tab [root]="tabHome">Home</ion-tab>
  <ion-tab [root]="tabNovidades">Novidades</ion-tab>
</ion-tabs>
  
</ion-content>
2

Did you define and hooked-up pages with names “tabHome” and “tabNovidades”?

I noticed that when you don’t have pages which you are setup as [root] attribute, it causes inconsistencies.

1 Like
3

Really was this, if hooked-up one page is already visible tabs