Ion-tabs Challenges

Ionic Framework ionic-v3
1

Hi - At the outset, my apologies if I am asking naive questions - I have just started with Ionic a couple of days. I am trying to use ion-tabs for my application and getting stuck in a couple of scenarios, can anyone please help me?

  1. I need two sets of tabs - one at the bottom and one at the top with different page navigation and style
  2. One of my tab list is long so I would also need a scroller (left <-> right)

Thanks a ton in advance.

Regards!

2

I have a similar issue. I have bottom tabs for the main app nav. One of the pages needs to have its own tab pages, using the tabs at the top of the page.

The main page and the sub-page both use this pattern, but I cannot get the sub page (which contains its own tabs) to load. The app fails silently.

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav> <ion-tabs tabbarLayout="icon-top" tabbarPlacement="bottom"> <ion-tab *ngFor="let tab of pages" [root]="tab.component" tabTitle={{tab.title}} tabIcon={{tab.icon}}></ion-tab> </ion-tabs>

3

I ended up using Segments :frowning:

4

I ended up doing the same. But, I wish tabs had more flexibility coz segment is really not supposed to work like a tab. :wink:

5

I am having issues fixing the segments to the top in ios. It is working on android. Did you get it fixed to the top? Can you share how?

6

Hey,

Try sticking your segment inside the Stick your segment here
to keep it at the top

All the best!

Regards,
Ab

Regards,
Abhishek Ghosh