ionic3 как реализовать viewpager

Question

Я в настоящее время разрабатываю приложение, используя ionic 3, главный экран состоит из 3 вкладок (ion-tabs). Я создал функцию для изменения вкладок в соответствии с проведением пользователя, однако мой клиент запрашивает переход, равный whatsapp и Iне знаю, реализовать это.Я думал об использовании ионных слайдов, но мне пришлось бы перенести код с 3 вкладок в одно представление. Есть ли способ добавить анимацию без необходимости изменения компонента?

<ion-tabs #Tabs no-border tabsPlacement="top" tabsHighlight='true' color="secondary" >
    <ion-tab [root]="disponiveisRoot" tabTitle="Disponiveis" ></ion-tab>
    <ion-tab [root]="meusPedidosRoot" tabTitle="Meus pedidos" ></ion-tab>
    <ion-tab [root]="finalizadosRoot" tabTitle="Finalizados" ></ion-tab>
</ion-tabs>

imagen da tela prinicipal: введите описание изображения здесь

Answer 1

Вы можете использовать ionic2-super-tabs .Эта библиотека позволяет легко создавать сменные вкладки.Вы должны проверить страницу GitHub на совместимость и какую версию вы должны использовать.

С библиотекой базовый пример будет таким, как показано ниже.Это почти то же самое, что вкладки от Ionic.

Базовый пример

Компонент:

export class MyPage {

  page1: any = Page1Page;
  page2: any = Page2Page;
  page3: any = Page3Page;

}

HTML:

<super-tabs>
  <super-tab [root]="page1" title="First page"></super-tab>
  <super-tab [root]="page2" title="Second page"></super-tab>
  <super-tab [root]="page3" title="Third page"></super-tab>
</super-tabs>