title: React Native fixed Footer with React Navigation
body: <p>I'm using <code>"react-navigation": "^2.11.2"</code> and have a <code>TabNavigator()</code> with 3 tabs: A, B and C.</p>
  
  <p>So I use:</p>
  
  <pre><code>...
  _Profile: {
    screen: TabNavigator(
      {
        First: A,
        Second: B,
        Third: C
      },
      {
        tabBarPosition: "top",
        swipeEnabled: true,
        lazy: false
      }
    ),
    navigationOptions: ({ navigation }) =&gt; ({
      header: &lt;ProfileHeader navigation={navigation} /&gt;
    })
  },
  ...
  </code></pre>
  
  <p>I want to have a <strong>fixed footer</strong> in Pages A and B but NOT in C.</p>
  
  <p>First I tried to create a footer in each A and B but the result is something different from what I want, See images below:</p>
  
  <p><a href="https://i.stack.imgur.com/o3QNz.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o3QNz.jpg" alt="The Screen A"></a> </p>
  
  <p>But when I try to swipe to tab B, You can see the footer is NOT FIXED:</p>
  
  <p><a href="https://i.stack.imgur.com/D0JJC.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/D0JJC.jpg" alt="While I&#39;m swiping from tab A to B"></a></p>
  
  <p>Any idea about this?</p>
  
  <blockquote>
    <p>Thanks in advance!</p>
  </blockquote>