Hiding TabNavigator, wenn die Tastatur

Question

erscheint ich aus reagieren Navigations TabNavigator in meiner reagieren native Anwendung verwenden, das ist mein TabNavigator:

TabNavigator({  
    Newsstand: { screen: Newsstand } 
}, { 
    tabBarComponent: NavigationComponent, 
    tabBarPosition: 'bottom', 
    tabBarOptions: { 
    bottomNavigationOptions: { 
     labelColor: 'white', 
     rippleColor: 'white', 
     tabs: { 
     Newsstand: { 
      barBackgroundColor: '#2F4F4F',   
     } 
     } 
    } 
    } 
}) 

Das Problem ist jetzt, dass ich es will nicht erscheinen in oben auf der Tastatur, wenn ich in meiner App eintippe. Wie kann ich das machen ?

Ich möchte in der Lage sein, um es in einer Scroll-Ansicht hinzuzufügen, damit es nicht in oben auf der Tastatur springen, aber dahinter in Boden bleiben fixierte

Answer 1

Wie their docs sagen Sie es mit verbergen können:

let tabBarHeight = 0; 
<TabNavigator 
    tabBarStyle={{ height: tabBarHeight, overflow: 'hidden' }} 
    sceneStyle={{ paddingBottom: tabBarHeight }} 
/> 

haben Sie

versucht

this.state = { 
    tabHeight: 50, 
    ... 
    } 

und in Ihrem TabNavigator:

...height: this.state.tabHeight, ... 

dann Zustand Einstellung mit

this.setState({tabHeight: 0});