Question

我尝试滑动手势以在标签之间切换。我希望手势可以在整个屏幕上运行。我抓住了滑动动作

<ion-content (swipe)="swipeEvent($event)">

swipeEvent功能是

swipeEvent(e) {
  if(e.direction == '2'){
     this.navCtrl.parent.select(2);
  }
  else if(e.direction == '4'){
     this.navCtrl.parent.select(0);
  }
}

它在浏览器中工作正常。但是当我在手机中构建它时，手势无效。有没有替代方案？

Answer 1

这是Ionic团队成员的解决方案：See this too。

我们不建议在主要内容上使用滑动手势。因为离子含量无论如何都是手势的输入（滚动等）它刷上它只会引起混乱。相反，把子元素上的事件处理程序工作正常。

<ion-content padding>
  <ion-card (swipe)="swipeEvent($event)">
    <ion-item>

    </ion-item>
  </ion-card>
</ion-content>

Answer 2

通过添加100％高度和宽度的div来解决它。

<ion-content padding>
  <div (swipe)="swipeEvent($event)" style="position: absolute;top:0;left:0;height:100%;width:100%;">
    <ion-item>

    </ion-item>
  </div>
</ion-content>

Answer 3

就我而言，我在自定义组件上使用(swipe)并通过向组件样式添加display:block来解决问题。

离子轻扫手势不在手机上工作

3 个答案: