title: react native navigation custom animated transition
body: <p>I'm  using react native v0.49 and I'm trying to implement custom transition when navigate to other page.
  what I'm trying to do is to make transition only for one scene from scene 2 to scene3. but not for all the app. 
  this example I found it's for all web so I want to make just for one screen and for all the app because if I do that way it will effect for all the app and it's not what I'm looking for. any idea?</p>
  
  <pre class="lang-js prettyprint-override"><code>    class SceneOne extends Component {
      render() {
          return (
              &lt;View&gt;
                  &lt;Text&gt;{'Scene One'}&lt;/Text&gt;
              &lt;/View&gt;
          )
      }
  }
  class SceneTwo extends Component {
      render() {
          return (
              &lt;View&gt;
                  &lt;Text&gt;{'Scene Two'}&lt;/Text&gt;
              &lt;/View&gt;
          )
      }
  }
  
  
  let AppScenes = {
      SceneOne: {
          screen: SceneOne
      },
      SceneTwo: {
          screen: SceneTwo
      },
  
  
  SceneThree: {
              screen: SceneTwo
          },
  }
  
  let MyTransition = (index, position) =&gt; {
      const inputRange = [index - 1, index, index + 1];
      const opacity = position.interpolate({
          inputRange,
          outputRange: [.8, 1, 1],
      });
  
      const scaleY = position.interpolate({
          inputRange,
          outputRange: ([0.8, 1, 1]),
      });
  
      return {
          opacity,
          transform: [
              {scaleY}
          ]
      };
  };
  
  
  let TransitionConfiguration = () =&gt; {
      return {
          // Define scene interpolation, eq. custom transition
          screenInterpolator: (sceneProps) =&gt; {
  
              const {position, scene} = sceneProps;
              const {index} = scene;
  
              return MyTransition(index, position);
          }
      }
  };
  
  class App extends Component {
      return (
          &lt;View&gt;
              &lt;AppNavigator /&gt;
          &lt;/View&gt;
      )
  }
  </code></pre>