Removed bouncing effect on progress to solve a bug with bar width som…

…etimes starting out at 100%.
oblador · Nov 5, 2015 · 57070e1 · 57070e1
1 parent b90d8e1
commit 57070e1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/Bar.js b/Bar.js
@@ -68,6 +68,7 @@ var ProgressBar = React.createClass({
       if(props.animated) {
         Animated.spring(this.state.progress, {
           toValue: progress,
+          bounciness: 0,
         }).start();
       } else {
         this.state.progress.setValue(progress);
@@ -117,7 +118,7 @@ var ProgressBar = React.createClass({
       height,
       width: this.state.progress.interpolate({
         inputRange: [0, 1],
-        outputRange: [2, width],
+        outputRange: [0, width],
       }),
       transform: [{
         translateX: this.state.animationValue.interpolate({

diff --git a/makeAnimatable.js b/makeAnimatable.js
@@ -53,6 +53,7 @@ var makeAnimatable = function(Component, indeterminateProgress) {
         if(props.animated) {
           Animated.spring(this.state.animationValue, {
             toValue: progress,
+            bounciness: 0,
           }).start();
         } else {
           this.setState({ progress });