ant-design-mobile ListView 下拉重新整理與清單長按事件沖突解決方式

1、 在使用

ListView

清單實作下拉重新整理的同時，需要滿足長

按清單Item

進入長按功能頁面，

這時候就會遇到下拉重新整理會進入到長按清單的可能。

2、一開始我一直在考慮如何去區分這兩種動作，但一直未果。

先看我的實作代碼

注冊這四種事件

touchStart = () => {
    const { touchStartEvent } = this.props;
    this.pressTime = setTimeout(() => {
      touchStartEvent();
    }, '500');
  };

  touchMove = () => {
    clearTimeout(this.pressTime);
  };

  touchCancel = () => {};

  // 長按事件
  handleTouchEnd = () => {
    clearTimeout(this.pressTime);
  };
           

我發現下拉重新整理在滑動的時候也是會觸發到長按的定時器，是以要解決的方式就是在移動的時候也去

清除長按的定時器事件

，即可。