React Native: Wie referenziere ich die aktuelle Route in Navigator navigationBar = {}?

Question

Abhängig von der aktuellen Route, versuche ich Stile wie folgt zu ändern, bekomme aber einen Fehler: 'Route ist nicht definiert'. Wie kann ich die aktuelle Route referenzieren: route.name in der navigationBar = {}?

<Navigator 
configureScene={...} 
initialRoute={...} 
renderScene={...} 
navigationBar={<Navigator.NavigationBar style={route.name == 'Home' ? styles.homeNavBar : styles.normalNavBar} .../>} 
/> 

UPDATE

Hier ist meine aktuelle in index.ios.js einzurichten:

class practice extends Component { 
    constructor(){ 
    super() 
    } 

    renderScene(route, navigator){ 
    return (
     <route.component navigator={navigator} {...route.passProps}/> 
    ) 
    } 

    configureScene(route, routeStack) {...} 

    render() { 
    return (
     <Navigator 
      configureScene={this.configureScene} 
      initialRoute={{name: 'Login', component: Login}} 
      renderScene={(route, navigator) => this.renderScene(route, navigator)} 
      style={styles.container} 
      navigationBar={ 
      <Navigator.NavigationBar 
       style={route.name == 'Home' ? styles.homeNavBar : styles.normalNavBar} //This is what I am trying to achieve 
       routeMapper={NavigationBarRouteMapper} 
      /> 
      } 
     /> 
    ); 
    } 
} 

UPDATE

class practice_style extends Component{ 

    renderScene(route, navigator){ 
    this._navigator = navigator 

    return (
     <route.component navigator={navigator} {...route.passProps}/> 
    ) 
    } 

    configureScene(route, routeStack) {...} 

    getNav =() => { 
    return this._navigator 
    } 

    render() { 
    const routes = this.navigator.getCurrentRoutes(); 
    route = routes[routes.length-1]; 

    return (
     <Navigator 
      configureScene={this.configureScene} 
      initialRoute={{name: 'Home', component: Home}} 
      renderScene={(route, navigator) => this.renderScene(route, navigator)} 
      style={styles.container} 
      navigationBar={ 
      <Navigator.NavigationBar 
       style={route.name == 'Home' ? styles.homeNavBar : styles.normalNavBar} 
       routeMapper={NavigationBarRouteMapper} 
      /> 
      } 
     /> 
     ) 
    } 
} 

Answer 1

Sie Referenz von Navigator wie folgt gesetzt werden kann

Die obige Funktion gibt ein Array von Routen zurück, das letzte Element in diesem Array ist Ihre aktuelle Route.

Hoffe, dass hilft.

Answer 2

Es ist ein Array, nur den letzten aus dem Stapel.

var currentRoute = navigator.getCurrentRoutes().pop(); 

Navigator.getCurrentRoutes Klone die Routen-Array, so dass Sie nicht durch pop zerstören kann ‚etwas von ihm weg ing.

Answer 3

Ich benutze navigator.jumpTo(), um durch Routen zu gehen, also navigator.getCurrentRoutes() gab die letzte meiner verfügbaren Routen zurück, anstatt die aktuelle Route.

die aktuelle Route zu erhalten, habe ich navigator.navigationContext.currentRoute