title: React-Native page transitions
body: <p>I'm not using the native navigation for my app. I have these <a href="https://www.npmjs.com/package/react-native-svg-icon" rel="nofollow noreferrer">SVGIcon</a> that I want the user to tap and have the new page slide in from the right moving left. On that page when they tap the back, the page should slide back out to right. In other cases, I want the page to slide in from the left, or from the top, etc... Each time, the "back" button should just reverse that transition.</p>
  
  <p>I found <a href="https://www.npmjs.com/package/react-native-transition" rel="nofollow noreferrer">this package</a> where I was able to get pages to slide in from the right. The issue I have is that the back button also slides the page off to the left. Here's a sample code I have doing this.</p>
  
  <pre><code>import React from 'react';
  import { createTransition, SlideLeft, SlideRight } from 'react-native-transition';
  
  const Transition = createTransition(SlideLeft);
  
  export default class App extends React.Component {
    //... some code to decide what page is CurrentScreen
    render() {
      return (
        &lt;Transition&gt;
          &lt;CurrentScreen navigate={this.navigate} /&gt;
        &lt;/Transition&gt;
      )
    }
  }
  </code></pre>
  
  <p>From this code, I'm not sure how I would implement <code>SlideRight</code> if the <code>Transition</code> node is already using <code>SlideLeft</code>. Maybe there's a better package, or a built in way to handle what I want?</p>