Ionic:如何使用向上和向下滑动来在页面之间导航?

时间:2017-07-19 12:54:10

标签: javascript html ionic-framework swipe gesture

我的基本问题是:如何在页面之间上下滑动?我想拥有它,以便页面转换得到动画,就像你在navCtrl上推送一个页面一样。让我更详细地解释一下。

以下是我可以向左和向右滑动的代码:

HTML:

<ion-content (swipe)="swipeEvent($event)" padding>
  <ion-list>
    <button ion-item *ngFor="let item of items">
      {{ item.text }}
    </button>
  </ion-list>
</ion-content>

打字稿:

  swipeEvent(e) {
    if (e.direction == 4) {
      this.navCtrl.pop();
    }
  }

我使用direction == 2进行滑动以进入页面(推送)并向右滑动以返回(弹出)。当我按下时,动画然后从右向左转换页面。当我弹出时,动画显示页面从左到右被擦除。

所以我的问题是: 是否有更有效的方式在页面之间滑动(左/右)? 如何让swipeEvent识别上下(e.direction == 8/16 for up和down不起作用)? 我如何让页面变得动画,当我弹出时,它从顶部到底部从顶部到底部过渡时从底部到顶部过渡?

我在Mac上的iOS Sierra上使用Ionic 3.x.

非常感谢任何帮助!感谢您的帮助:)

0 个答案:

没有答案