title: Hide tabBar and navBar on react-native-router-flux navigation
body: <p>I'm using <code>react-native-router-flux navigation</code>(version: <strong>^4.0.0-beta.21</strong>) for <code>React Native</code>.(version: <strong>0.48.3</strong>)
  The scenes are as follows:</p>
  
  <pre><code>&lt;Scene key="scene_condition"
         tabs={true}
         type="reset"
         tabBarStyle={styles.tabBarStyle}
         tabBarSelectedItemStyle={styles.tabBarSelectedItemStyle}
         navigationBarStyle={styles.navBarStyle}
         titleStyle={styles.navBarTitleStyle}
         hideTabBar={false}
         hideNavBar={true}
         duration={0}
         tabBarPosition="bottom"
         labelStyle={{fontSize: 7}}
         title=""&gt;
      &lt;Scene key="scene_condition_car"
             tabBarLabel={gettext("Model")}
             title={gettext("Model")}
             component={Car}
             icon={TabIcon}
             duration={0}
             iconTittleHidden
             iconName="directions-car"
             leftButtonIconStyle={styles.moduleButton}
             leftButtonImage={require('./img/icons/left.png')}
             onLeft={(props) =&gt; requestOverview(props.request.id)}
             navigationBarStyle={styles.navBarStyle}
             titleStyle={styles.navBarTitleStyle}/&gt;
      &lt;Scene key="scene_condition_specs"
             tabBarLabel={gettext("Specifications")}
             title={gettext("Specifications")}
             labelStyle={{fontSize: 18}}
             component={CarSpecs}
             icon={TabIcon}
             iconTittleHidden
             duration={0}
             iconName="control-point-duplicate"
             leftButtonIconStyle={styles.moduleButton}
             leftButtonImage={require('./img/icons/left.png')}
             onLeft={(props) =&gt; requestOverview(props.request.id)}
             navigationBarStyle={styles.navBarStyle}
             titleStyle={styles.navBarTitleStyle}/&gt;
      &lt;Scene key="scene_condition_picture"
             tabBarLabel={gettext("Pictures")}
             title={gettext("Pictures")}
             component={CarPicture}
             icon={TabIcon}
             iconTittleHidden
             duration={0}
             iconName="photo-camera"
             leftButtonIconStyle={styles.moduleButton}
             leftButtonImage={require('./img/icons/left.png')}
             onLeft={(props) =&gt; requestOverview(props.request.id)}
             navigationBarStyle={styles.navBarStyle}
             titleStyle={styles.navBarTitleStyle}/&gt;
  &lt;/Scene&gt;
  </code></pre>
  
  <p>Thus, main scene and three tab scenes. My question is how can I hide tabBar and navBar on the tab scene with key <code>scene_condition_picture</code>?</p>
  
  <p>The render method of that component is as follows:</p>
  
  <pre><code>render() {
          const self=this;
  
          if(this.state.showCamera){
              return &lt;CameraApp cameraData={this.state.data}/&gt;;
          }
  
          return (
              &lt;View&gt;
                  &lt;StatusBar backgroundColor="blue" barStyle="light-content"/&gt;
                  &lt;Zoom visible={this.state.zoomVisible} close={() =&gt; this.setState({zoomVisible: false})} image={this.state.zoomImage} imageIndex={this.state.zoomIndex} pictures={this.state.zoomPictures} remove={this.onRemoveImage.bind(this)} /&gt;
                  &lt;FlatList
                      data={this.state.pictures}
                      renderItem={({item}) =&gt; {
                          return (
                              &lt;View style={styles.card}&gt;
                                  &lt;Card title={item.title} mandatory={item.mandatory} image={item.image} noImage={item.noImage} onPress={() =&gt; self.pictureOverlay(item)}/&gt;
                              &lt;/View&gt;
                          )
                      }}
                      keyExtractor={() =&gt; Common.generateUUID()}
                      numColumns={3}
                  /&gt;
              &lt;/View&gt;
          )
      }
  </code></pre>
  
  <p>Thus, I want to hide tabBar and navBar only if <code>this.state.showCamera</code> is <code>true</code>. Then I want to load camera and I do not need <strong>tabBar</strong> or <strong>navBar</strong>. </p>
  
  <p>If <code>this.state.showCamera</code> is false then I want to show <strong>tabBar</strong> or <strong>navBar</strong> and that is in this case good. </p>
  
  <p>Thus the only thing that I need is to hide <strong>tabBar</strong> or <strong>navBar</strong> if <code>this.state.showCamera</code> is <code>true</code>. </p>
  
  <p>Any idea?</p>