CODEWITHSUNDEEP
htmlcssionic4
gokul
gokul

Reputation: 109

How to place a tab in the middle of the screen

Is it possible to place ion-tab at the middle of the screen in ionic 4.I have an image with some text on the top of the page.Is it possible to place ion-tabs at the middle of the screen that is beneath the image and content.

<ion-tabs>
  <ion-tab-bar slot="center">
    <ion-tab-button tab="schedule">
      <ion-icon name="calendar"></ion-icon>
      <ion-label>Schedule</ion-label>
      <ion-badge>6</ion-badge>
    </ion-tab-button>

    <ion-tab-button tab="speakers">
      <ion-icon name="contacts"></ion-icon>
      <ion-label>Speakers</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="map">
      <ion-icon name="map"></ion-icon>
      <ion-label>Map</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="about">
      <ion-icon name="information-circle"></ion-icon>
      <ion-label>About</ion-label>
    </ion-tab-button>
  </ion-tab-bar>
</ion-tabs>

Upvotes: 0

Views: 659

Answers (1)

Joel
Joel

Reputation: 69

You could try to use ion-segment, is probably the best option here. api here

Upvotes: 1

Related Questions