Use Animated.loop(), when possible, to limit JS thread utilization

oblador · Aug 16, 2018 · 5b00247 · 5b00247
1 parent d9cbb61
commit 5b00247
Showing 1 changed file with 5 additions and 14 deletions.
diff --git a/createAnimatableComponent.js b/createAnimatableComponent.js
@@ -411,21 +411,12 @@ export default function createAnimatableComponent(WrappedComponent) {
         useNativeDriver,
         delay: iterationDelay || 0,
       };
+      const iterations = iterationCount === 'infinite' ? -1 : iterationCount;
 
-      Animated.timing(animationValue, config).start(endState => {
-        currentIteration += 1;
-        if (
-          endState.finished &&
-          this.props.animation &&
-          (iterationCount === 'infinite' || currentIteration < iterationCount)
-        ) {
-          this.startAnimation(
-            duration,
-            currentIteration,
-            iterationDelay,
-            callback,
-          );
-        } else if (callback) {
+      Animated.loop(Animated.timing(animationValue, config), {
+        iterations,
+      }).start(endState => {
+        if (callback) {
           callback(endState);
         }
       });