fix pull height

src/PullToRefresh.tsx

@@ -89,7 +89,7 @@ export class PullToRefresh extends React.Component<PullToRefreshProps, PullToRef
             });
         }
 
-        if (this.currentY - this.startY > this.state.maxPullDownDistance * 1.5) {
+        if (this.currentY - this.startY > this.state.maxPullDownDistance) {
             return;
         }
 
@@ -99,6 +99,10 @@ export class PullToRefresh extends React.Component<PullToRefreshProps, PullToRef
 
     @autobind
     private onEnd() {
+        this.dragging = false;
+        this.startY = 0;
+        this.currentY = 0;
+
         this.setState({
             pullToRefreshThresholdBreached: false,
             onRefreshing: true,
@@ -110,9 +114,6 @@ export class PullToRefresh extends React.Component<PullToRefreshProps, PullToRef
                     this.container.style.transform = "none";
                     this.container.style["willChange"] = "none";
                 });
-                this.dragging = false;
-                this.startY = 0;
-                this.currentY = 0;
             });
         });
     }

src/dev.tsx

@@ -6,7 +6,7 @@ import {PullToRefresh} from "./PullToRefresh";
 
 const onRefresh = () => {
     return new Promise((reslove) => {
-        setTimeout(reslove, 3000);
+        setTimeout(reslove, 1000);
     });
 };
 
@@ -17,13 +17,13 @@ const renderMasterLayout = () => {
             <div>
                 <div>Header</div>
                 <PullToRefresh
-                    pullDownContent={<span>pullDownContent</span>}
-                    releaseContent={<span>releaseContent</span>}
-                    refreshContent={<span>refreshing</span>}
-                    pullDownThreshold={50}
+                    pullDownContent={<div style={{backgroundColor: "red", height: "200px"}}>pullDownContent</div>}
+                    releaseContent={<div style={{backgroundColor: "red", height: "200px"}}>releaseContent</div>}
+                    refreshContent={<div style={{backgroundColor: "red", height: "200px"}}>refreshContent</div>}
+                    pullDownThreshold={100}
                     onRefresh={onRefresh}
                 >
-                    <div style={{backgroundColor: "green", height: "300px", color: "white", textAlign: "center"}}>
+                    <div style={{backgroundColor: "green", height: "500px", color: "white", textAlign: "center"}}>
                         PullToRefresh
                     </div>
                 </PullToRefresh>