Quantcast
Channel: Ionic Forum - Latest posts
Viewing all articles
Browse latest Browse all 231638

Any good Ionic2 scroll tab bar example out there?

$
0
0

That was just a poc for a prototype and I didn't move forward with this design, but here it was:

<ion-toolbar>
    <ion-segment [(ngModel)]="currState">
        <ion-segment-button value="0">
            A
        </ion-segment-button>
        <ion-segment-button value="1">
           B
        </ion-segment-button>
        <ion-segment-button value="2">
            C
        </ion-segment-button>
    </ion-segment>
</ion-toolbar>
<ion-content>
    <ion-slides index={{currState}} (change)="onTabUpdate($event)">
        <ion-slide>
            <scroll-content>
                anything you want here
            </scroll-content>
        </ion-slide>
    </ion-slides>
</ion-content>

and something like that in the controller:

onTabUpdate(event){
        let newIndexAfterUpdate = event.activeIndex;
        this.currState = String(newIndexAfterUpdate);
 }

Quite simple, no fancy thing here
As said in the previous post, you can now plug directly in the event that was add a few days ago so that you won't need to hack the inside of ionic anymore.


Viewing all articles
Browse latest Browse all 231638

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>