Runs the animation when the default progress is given

Author: InJung Chung

withAnimation.js

@@ -24,7 +24,7 @@ export default function withAnimation(WrappedComponent, indeterminateProgress) {
     constructor(props) {
       super(props);
 
-      this.progressValue = Math.min(Math.max(props.progress, 0), 1);
+      this.progressValue = 0;
       this.rotationValue = 0;
       this.state = {
         progress: new Animated.Value(this.progressValue),
@@ -33,6 +33,7 @@ export default function withAnimation(WrappedComponent, indeterminateProgress) {
     }
 
     componentDidMount() {
+      this.updateProgress(this.props);
       this.state.progress.addListener(event => {
         this.progressValue = event.value;
       });
@@ -68,6 +69,10 @@ export default function withAnimation(WrappedComponent, indeterminateProgress) {
           });
         }
       }
+      this.updateProgress(props)
+    }
+
+    updateProgress(props) {
       const progress = props.indeterminate
         ? indeterminateProgress || 0
         : Math.min(Math.max(props.progress, 0), 1);