plotline-engage 3.0.9 → 3.1.1

package/PFlatList.js

@@ -13,7 +13,7 @@ class PFlatList extends Component {
 
   render() {
     return (
-      <FlatList {...this.props} onScroll={this.handleScroll}>
+      <FlatList {...this.props} onScroll={this.handleScroll} scrollEventThrottle={16}>
         {this.props.children}
       </FlatList>
     );

package/PScrollView.js

@@ -13,7 +13,7 @@ class PScrollView extends Component {
 
   render() {
     return (
-      <ScrollView {...this.props} onScroll={this.handleScroll}>
+      <ScrollView {...this.props} onScroll={this.handleScroll} scrollEventThrottle={16}>
         {this.props.children}
       </ScrollView>
     );

package/index.js

@@ -8,18 +8,26 @@ import PFlatList from './PFlatList';
 class plotline {
     constructor() {
         this.throttledNotifyScroll = this.throttle(this.handleScroll, 250);
+        this.lastInvokeTime = 0;
+        this.timeoutId = null;
     }
 
     throttle(func, limit) {
-        let inThrottle = false;
         return function () {
-          if (!inThrottle) {
-            func.apply(this, arguments);
-            inThrottle = true;
-            setTimeout(() => {
-              inThrottle = false;
+            const now = Date.now();
+            const timeSinceLastInvoke = now - this.lastInvokeTime;
+
+            if (timeSinceLastInvoke >= limit) {
+                func.apply(this, arguments);
+                this.lastInvokeTime = now;
+            } else if (this.timeoutId != null) {
+                clearTimeout(this.timeoutId);
+            }
+
+            this.timeoutId = setTimeout(() => {
+                func.apply(this, arguments);
+                this.lastInvokeTime = now;
             }, limit);
-          }
         };
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plotline-engage",
-  "version": "3.0.9",
+  "version": "3.1.1",
   "description": "React Native plugin for Plotline",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"