react-navigation Screen that conceals TabBar from nested StackNavigator : <p>I'm new to <code>react-navigation</code> and trying to wrap my head around how to do the following:</p>

<p>Given this navigation structure:</p>

<pre><code>RootTabNavigator 

  LoggedOut_StackNavigator

    ...

  LoggedIn_StackNavigator

    LoggedIn_TabNavigator &lt;-- TabBar rendered by this Navigator

      TabA_StackNavigator

        ScreenA
        ScreenB
</code></pre>

<p>I would like to be able to navigate from <code>ScreenA</code> to <code>ScreenB</code> using the typical "slide in from right" transition, in such a way that the <code>TabBar</code> <strong>is</strong> visible on <code>ScreenA</code>, but is <strong>not</strong> visible on <code>ScreenB</code>. In other words, when I navigate to <code>ScreenB</code>, I want it to take up the entire window. </p>

<p>Once the user transitions from <code>ScreenA</code> to <code>ScreenB</code>, they can either press the back button to return back to <code>ScreenA</code>, or navigate to new routes using the same transition with the <code>TabBar</code> still <strong>not</strong> visible.</p>

<p><strong>What I've tried:</strong></p>

<ul>
<li><p><code>navigationOptions.tabBarVisible</code>: this property only seems to work when applied to <code>TabA_StackNavigator</code> itself, which means that <strong>all</strong> of the screens in its stack also conceal the <code>TabBar</code>. Adding it to the screens inside the StackNavigator has no effect.</p></li>
<li><p>Adding a new <code>AllScreens_StackNavigator</code> as a sibling of <code>LoggedIn_TabNavigator</code> and navigating to routes inside this navigator, I get the error: <code>Expect nav state to have routes and index, {"routeName":"ScreenB", "params": {}, "key": "init-id-1516..."}</code>. The navigation action I dispatched to try to do this:</p>

<pre><code>{
  "action": Object {
    "params": Object {},
    "routeName": "ScreenB",
    "type": "Navigation/NAVIGATE",
  },
  "params": Object {},
  "routeName": "AllScreens_StackNavigator",
  "type": "Navigation/NAVIGATE",
}
</code></pre></li>
</ul>

<p>Any help is greatly appreciated!</p>
