title: How to stop react-native animation
body: <p>I am trying to stop animation in react native, but it does not work.
      I try to do this with <a href="https://facebook.github.io/react-native/docs/animated.html#stopanimation" rel="noreferrer">stopAnimation method</a></p>
  
  <p>This is my code:</p>
  
  <pre><code>    constructor(props) {
          super(props);
          //...
          this.state = {
              posY: new Animated.Value(0),
              posX: new Animated.Value(0),
              //...
          };
      }
  
      componentWillMount(){
          //...
          let eventEmitter = getGlobalEventEmitter();
  
          eventEmitter.emit('initialize', {words : true});
          eventEmitter.addListener('startGame', ()=&gt;{
              this.setState({initialized: true});
              this.updateText();
          });
      }
  
      updateText(){
  
          let currentText = [];
          //... set some values to currentText
  
          this.props.setText(currentText); // store in redux
          this.startText(this.effects[textEffect]['duration']);
      }
  
      startText(duration) {
  
          let viewHeight = 530;
          let fallTo = 500;
  
  
          Animated.timing(
              this.state.posY,
              {
                  toValue: fallTo,
                  duration: duration
              }
          ).start();
  
  
          let stopAnimation = function(){
              this.state.posY.stopAnimation();
              console.log("ANIMATION SHOULD STOP");
          };
          stopAnimation = stopAnimation.bind(this);
  
          eventEmitter.addListener('wordGuessed', ()=&gt;{            
              stopAnimation();
          });
  
      }
  </code></pre>
  
  <p>In the other component I am firing <code>wordGuessed</code> event, and the console log works. What I am doing wrong?</p>