title: WIX Navigation V2 - Hide bottom tab bar when push to a new screen
body: <h3>Issue Description</h3>
  
  <p>I have TabBar base application, in one of my tab I need to push it to another screen but the tab bar should not display in the pushed screen. But the bottom bar is still existing in the pushed screen.
  What I want to achieved is not totally hide the bottom tab bar but to put the pushed screen on top of the tab bar.</p>
  
  <h3>Steps to Reproduce / Code Snippets / Screenshots</h3>
  
  <p>Here's my code to display the tab bar application:</p>
  
  <p><code>
  bottomTabs: {
        id: 'BottomTabsId',
        children: [
          {
            stack: {
              children: [
                {
                  component: {
                    name: 'Home',
                    options: {
                      topBar: {
                        backButton: {
                          title: 'Back',
                        },
                        title: {
                          text: 'Home'
                        }
                      },
                      bottomTab: {
                        fontSize: 12,
                        text: 'Home',
                        icon: require('./src/assets/home.png'),
                        selectedIcon: require('./src/assets/home_active.png')
                      },
                    },
                  },
                }
              ]
            }
          },
          {
            stack: {
              children: [
                {
                  component: {
                    name: 'Booking',
                    options: {
                      topBar: {
                        title: {
                          text: 'Booking'
                        }
                      },
                      bottomTab: {
                        text: 'Booking',
                        fontSize: 12,
                        icon: require('./src/assets/booking.png'),
                        selectedIcon: require('./src/assets/booking_active.png')
                      }
                    }
                  },
                }
              ],
            },
          },
        ],
      },
  </code></p>
  
  <p><img src="https://user-images.githubusercontent.com/15810023/43992273-849f09dc-9daf-11e8-957b-ff495e925cfe.png" alt="image from ios">
  <strong>The Tab bar is still existing :(</strong></p>
  
  <p><img src="https://user-images.githubusercontent.com/15810023/43992279-9ceec144-9daf-11e8-9f2f-2973e29206a5.png" alt="image from ios"></p>
  
  <p><strong>What I want to achieve is this</strong>
  <img src="https://user-images.githubusercontent.com/15810023/43998861-998364f0-9e32-11e8-971d-a33ccb515565.png" alt="image from ios"></p>
  
  <hr>
  
  <h3>Environment</h3>
  
  <ul>
  <li>React Native Navigation version: 2.0.2454</li>
  <li>React Native version: 0.56</li>
  <li>Platform(s) (iOS, Android, or both?): IOS</li>
  <li>Device info (Simulator/Device? OS version? Debug/Release?): Simulator IOS 11</li>
  </ul>