title: How to stop default transition when using custom tab bar in React Native using React Navigation?
body: <p>I've made a custom tab bar in a Component which uses <code>StackNavigator</code> like so</p>
  
  <pre><code>export default StackNavigator(
    {
      Login: {
        screen: Login,
      },
      ForgotPassword: {
        screen: ForgotPassword,
      },
      SignUp: {
        screen: SignUp,
      },
      Home: {
        screen: Home,
      },
    },
    {
      headerMode: 'none',
      navigationOptions: {
        headerVisible: false,
      },
      initialRouteName: 'Home',
    },
  );
  </code></pre>
  
  <p>Now my <code>Home</code> screen has a custom made Tab Bar like so</p>
  
  <pre><code>export default () =&gt; (
    &lt;View&gt;
      &lt;Text&gt;HOME&lt;/Text&gt;
      &lt;TabBar /&gt;
    &lt;/View&gt;
  )
  </code></pre>
  
  <p>I want my <code>Home</code> screens Tab bar to have no transition </p>
  
  <p>Currently it animates (<code>left to right</code> for <code>IOS</code> &amp; <code>bottom to up</code> for <code>Android</code>) when one of the Tab link is clicked</p>
  
  <p>I checked docs &amp; found <code>mode</code> property but it has only 2 props <code>card</code> &amp; <code>modal</code> &amp; I want no animation </p>
  
  <p>How to do it ?</p>