title: Animation in react-native
body: <p>I was looking for the logo to reduce to some default size from the actual size and after completion of that some text data should be shown....</p>
  
  <p>but when i saw the facebook website there was no where i found reducing the size of the logo from default.</p>
  
  <p>How should i achieve this </p>
  
  <pre><code> Animated.timing(
  this.spinValue,
  {
    toValue: 1,
    duration: 4000,
    easing: Easing.linear
  }
  </code></pre>
  
  <p>i didn't get how to change the size of the image in this...</p>
  
  <p>Along with decreasing the size of the image i want the image to move top so some space left at the bottom there i would like to show other text on completion of the animation...</p>
  
  <p>Sorry if i'm wrong..help me out with some docs or references</p>
  
  <p>I have tried:</p>
  
  <pre><code>const imagePos = this.state.scaleValue.interpolate({
        inputRange: [0, 1],
        outputRange: [500, 200]
      })
      const imageTop = this.state.scaleValue.interpolate({
          inputRange: [0, 1],
          outputRange: [400, 100]
        })
  
    return &lt;View&gt;
    &lt;Animated.Image style={{ height:imagePos ,width:imagePos ,top : imageTop }} resizeMode={'contain'} source={require('../assets/new_images/logo1.png')} /&gt;
  
    &lt;/View&gt;
  </code></pre>