title: The spin animation set on the image is not working in react-native
body: <p>I am trying to spin an Image it is basically to show that a coin is flipped ( coin Tossing animation ) I have applied this basic animation to the image but it is not getting  animated, </p>
  
  <p>The image is stationary while I tested it on emulator </p>
  
  <p>this is my index.android.js file : </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component } from 'react';
  import {
    AppRegistry,
    View,
    Animated,
    Easing
  } from 'react-native';
  
  export default class animateTest extends Component {
  
    constructor(props) {
        super(props);
        this.spinValue = new Animated.Value(0);
      }
  
      spin() {
        this.spinValue.setValue(0);
        Animated.timing(
          this.spinValue, {
            toValue: 1,
            duration: 1500,
            useNativeDriver: true,
            easing: Easing.linear
          }
        ).start();
      }
  
    render() {
      const spin = this.spinValue.interpolate({
  inputRange: [0, 1],
  outputRange: ['0deg', '360deg']
  });
  
      return (
        &lt;View style={styles.ViewStyle}&gt;
        &lt;Animated.Image
              style={[
                styles.coinStyle,
                 {
                  transform: [
                    { rotate: spin }
                  ]
                }
              ]}
               source={require('./Images/Coin_Tail.png')}
              style={styles.coinStyle} /&gt;
        &lt;/View&gt;
      );
    }
  }
  const styles = {
    coinStyle: {
      width: 150,
  height: 150,
    },
    ViewStyle: {
      flex: 1,
      justifyContent: 'center',
     alignItems: 'center',
     backgroundColor: 'black'
    }
  };
  
  AppRegistry.registerComponent('animateTest', () =&gt; animateTest);</code></pre>
  </div>
  </div>
  </p>