Disable iterationDelay delay on the beginning of animation (#324)

In the current version, when an "iterationDelay" is applied to pause the animation between iterations, the same iterationDelay is applied on the beginning of the first animation too. To apply pause/delay before the beginning of first animation, there already exists the "delay" prop.

Changes in this pull request will make sure the"iterationDelay" is only applied to the second and subsequent animations.

createAnimatableComponent.js

@@ -418,7 +418,7 @@ export default function createAnimatableComponent(WrappedComponent) {
             : iterationCount <= 1,
         duration: duration || this.props.duration || 1000,
         useNativeDriver,
-        delay: iterationDelay || 0,
+        delay: (iterationDelay && currentIteration > 0) ? iterationDelay : 0,
       };
 
       Animated.timing(animationValue, config).start((endState) => {