i expect something like this:
but i only get:
Yes, you can.
Below mentioned is the link for the same.
Hello, you can also combine scrollable segments (ion-segment) with slides (ion-slides). E.g
<ion-segment [(ngModel)]="page">
<ion-segment-button value="0" (click)="slider.slideTo(0);">
<ion-label>Tab1</ion-label>
</ion-segment-button>
<ion-segment-button value="1" (click)="slider.slideTo(1);">
<ion-label>Tab2</ion-label>
</ion-segment-button>
</ion-segment>
<ion-slides #slider (ionSlideWillChange)="getActiveIndex()">
<ion-slide>
SOME CONTENT
</ion-slide>
<ion-slide>
SOME CONTENT
</ion-slide>
</ion-slides>
in TS:
@ViewChild('slider') slider: IonSlides;
page: string;
async getActiveIndex() {
let index = await this.slider.getActiveIndex();
this.page = index.toString();
}
Hope this can help you to make what you want.