У Ioni c 5 есть события смахивания?

Question

У меня есть страница Ioni c, на которой я хотел бы быть перенаправлен на пользовательскую страницу при пролистывании влево. Просто перенаправить меня назад не достаточно хорошо , так как я могу открыть эту страницу по глубокой ссылке, то есть у меня нет назад в истории моего окна.

Я видел, что есть API жестов, но это слишком много для такого общего дела. Кроме того, я видел, что в предыдущих версиях там, где проведите события влево / вправо, но нет ссылки на него на Ioni c 4 / 5.

Разве Ioni c 5 не имеет на-swipe- оставленное событие?

Answer 1

Другое решение, если вы не хотите добавлять зависимость hammer js и просто использовать Ioni c, это использовать официальный компонент ion-slides для управляйте своими страницами как слайдами.

Я реализовал это в нескольких приложениях, и это работает очень хорошо.

В вашем примере вы захотите настроить контейнер <ion-slides>, и тогда ваши «страницы» будут существовать внутри как <ion-slide> компоненты.

Затем вы можете легко нажать на (ionSlideDidChange) событие выглядит следующим образом:

  <ion-slides
    *ngIf="!isLoading && pages"
    [options]="slideOptions"
    (ionSlideDidChange)="onSlideChange()"
    class="em-height-full"
    #pages
  >

Затем в вашем файле .js или .ts просто создайте метод, например:

async onSlideChange() {
    this.pageIndex = await this.slides.getActiveIndex();
  }

Затем вы можете отслеживать страницу с помощью pageIndex , Таким образом, в вашем случае вы открываете страницу из deepLink (возможно, она ведет к «странице 2»), а затем, когда вы проводите пальцем влево по компоненту слайда, вы можете go перейти к странице 1.