title: React Native Animated image rorate play and pause
body: <p>How to make it possible to stop the rotation of the image and start the rotation from that position. Thank you.</p>
  
  <pre><code>import React, {Component} from 'react';
  
  import {StyleSheet, View, Animated, Image, Easing} from 'react-native';
  
  export default class App extends Component&lt;{}&gt; {
  
    constructor() {
  
      super()
  
      this.RotateValueHolder = new Animated.Value(0);
  
    }
  
    componentDidMount() {
  
      this.StartImageRotateFunction();
  
    }
  
    StartImageRotateFunction() {
  
      this.RotateValueHolder.setValue(0)
  
      Animated.timing(
          this.RotateValueHolder,
          {
              toValue: 1,
              duration: 3000,
              easing: Easing.linear
          }
      ).start(() =&gt; this.StartImageRotateFunction())
  
    }
  
    render() {
  
      const RotateData = this.RotateValueHolder.interpolate({
          inputRange: [0, 1],
          outputRange: ['0deg', '360deg']
      })
  
      return (
          &lt;View style={styles.container}&gt;
  
              &lt;Animated.Image
                  style={{
                      width: 250,
                      height: 230,
                      transform: [{rotate: RotateData}]
                  }}
                  source={{uri: 'https://reactnativecode.com/wp-content/uploads/2017/10/Butterfly.png'}}/&gt;
  
          &lt;/View&gt;
        );
     }  
  }
  
  
  
  const styles = StyleSheet.create({
  
    container: {
  
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: '#F5FCFF',
    }
  });
  </code></pre>