Creating sliding tabs

Ionic Framework ionic-v3
1

Hello, I want implement the sliding tabs, Is there a way to implement sliding tabs in ionic2, I tired with:

<ion-slides  class="indibox"  #mySlider >
            <ion-slide>
                 <ion-tab [root]="cars" [rootParams]="fooId" tabTitle="cars" tabIcon="pulse"></ion-tab>
            </ion-slide>
             <ion-slide>
                 <ion-tab [root]="bikes" [rootParams]="fooId" tabTitle="bikes" tabIcon="pulse"></ion-tab>
            </ion-slide>
          <ion-slide>
                 <ion-tab [root]="ships" [rootParams]="fooId" tabTitle="ships" tabIcon="pulse"></ion-tab>
            </ion-slide>
            <ion-slide>
                 <ion-tab [root]="aeroplane" [rootParams]="fooId" tabTitle="Aeroplane" tabIcon="pulse"></ion-tab>
            </ion-slide>
            <ion-slide>
                 <ion-tab [root]="tankers" [rootParams]="fooId" tabTitle="tankers" tabIcon="pulse"></ion-tab>
            </ion-slide>
</ion-slides>

But this did not work. Can I get the inputs on how to achieve it?

2

i have same problem ,mark sign

3

I also would like this feature. I tried to implement it using the gestures like this:

<ion-content (swipeleft)="swipeLeft()" (swiperight)="swipeRight()">

swipeLeft() { let tab: Tabs = this.nav.parent; tab.select(1); }

swipeRight() { let tab: Tabs = this.nav.parent; tab.select(2); }

this method works but i lose the ability to scroll in the page used. Maybe someone else has any solution to this.

4

Hello Try using I gives the sliding effect for the tabs

5

Did you get any solution to this? Even i am in need of it

6

No, Since sliding tabs were not possible I’m using accordion

7

Thanks for your reply @chandroiud. I am expecting this feature in ionic 2 sooner.

8

hi there…any updates on this ?