Swipe tab ionic 2


#1

i want to implement sliding, swipe tabs to the ones of material design spec, i am new to ionic how to implement this.
like this
<ion-tabs> <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab> <ion-tab [root]="tab2Root" tabTitle="About" tabIcon="information-circle"></ion-tab> <ion-tab [root]="tab3Root" tabTitle="contacts" tabIcon="contacts"></ion-tab> <ion-tab [root]="tab4Root" tabTitle="lab" tabIcon="lab"></ion-tab> <ion-tab [root]="tab5Root" tabTitle="school" tabIcon="school"></ion-tab> <ion-tab [root]="tab6Root" tabTitle="student" tabIcon="student"></ion-tab> <ion-tab [root]="tab7Root" tabTitle="play" tabIcon="play"></ion-tab> </ion-tabs>

file.ts

        import {Component} from '@angular/core'
        import {HomePage} from '../home-page/home-page';
        import {AboutPage} from '../about-page/about-page';
        import {ContactPage} from '../contact-page/contact-page';
        import {LabPage} from '../lab-page/lab-page';
        import {SchoolPage} from '../school-page/school-page';
        import {StudentPage} from '../student-page/student-page';
       import {playPage} from '../play-page/play-page';


        @Component({
          templateUrl: 'build/pages/tabs/tabs.html'
        })
        export class TabsPage {
          constructor() {
            // this tells the tabs component which Pages
            // should be each tab's root Page
            this.tab1Root = HomePage;
            this.tab2Root = AboutPage;
            this.tab3Root = ContactPage;
            this.tab4Root = LabPage;
            this.tab5Root = SchoolPage;
            this.tab6Root = StudentPage;
            this.tab7Root = PlayPage;
          }
        }

#2

In your file.ts are many mistakes. Take a look at the tab1Root declaration, it is twice in your code. Also 7 tabs is not good, go with a max of 4.


#3

sliding swipe tabs option available in ionic2?


#4

He asked for sliding between tabs, not approval on his code.
Why would you even reply if you have nothing to add.