React Native防止快速重复点击

建立CallOnceInInterval.js

  
  

    
    

     
     

    
    
    
    

     
     

      
      let isCalled = 
      
      false, timer;
     
     
    
    

    
    

     
     

    
    
    
    

     
     
 
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
      /**
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
       * @param functionTobeCalled 被包装的方法
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
       * @param interval 时间间隔，可省略，默认600毫秒
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
       */
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
      export 
      
      default callOnceInInterval = 
      
      (functionTobeCalled, interval = 600) => {
     
     
    
    

    
    

     
     

    
    
    
    

     
     
    
      
      if (!isCalled) {
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
              isCalled = 
      
      true;
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
              clearTimeout(timer);
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
              timer = setTimeout(
      
      () => {
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
                  isCalled = 
      
      false;
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
              }, interval);
     
     
    
    

    
    

     
     

    
    
    
    

     
     
        
      
      return functionTobeCalled();
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
          }
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
      };
     
     
    
    

    
    

     
     

    
    
    
    

     
     
 
     
     
    
    
  
  

使用前

  
  

    
    

     
     

    
    
    
    

     
     

      
      //…
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
      onPress={activityId => navigate(
      
      ‘ActivityDetail’, {
      
      ‘id’: activityId})}
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
      //…
     
     
    
    
  
  

使用后

  
  

    
    

     
     

    
    
    
    

     
     

      
      import callOnceInInterval 
      
      from 
      
      ‘你的路径/CallOnceInterval’;
     
     
    
    

    
    

     
     

    
    
    
    

     
     
 
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
      //…
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
      onPress={activityId => callOnceInInterval(
      
      () => navigate(
      
      ‘ActivityDetail’, {
      
      ‘id’: activityId}))}
     
     
    
    

    
    

     
     

    
    
    
    

     
     

      
      //..