React-navigation在屏幕中获取当前导航状态

Question

我需要能够从我的注册屏幕组件中获取当前导航状态。我期望在navigation.state对象内找到一个routes对象，但可惜它不在那里。我已经设法通过以下方式设置我的根组件来实现这个工作，但是这看起来令人费解，我不能帮助，但认为必须有一个更清晰的方式来实现这一点。

App.js

import React, {Component} from 'react' 
import {Tabs} from './components/Routes' 
import {NavigationActions} from 'react-navigation' 


export default class App extends React.Component { 

    state = { 
     navState: null 
    } 

    componentDidMount(){ 
     const initState = Tabs.router.getStateForAction(NavigationActions.init()) 
     this.getState(null, initState); 
    } 

    getState = (prevState, newState) => { 
     let activeIndex = newState.index 
     let navState = newState.routes[activeIndex] 
     this.setState({navState}) 
    } 

    render() { 

    return (
     <Tabs 
      onNavigationStateChange={this.getState} 
      screenProps={{navState: this.state.navState}}/> 
    ) 

    } 

} 

Answer 1

<NavigationName 
    onNavigationStateChange={(prevState, newState) => { 
     this._getCurrentRouteName(newState) 
    }} 
/> 

_getCurrentRouteName(navState) { 

    if (navState.hasOwnProperty('index')) { 
     this._getCurrentRouteName(navState.routes[navState.index]) 
    } else { 
     console.log("Current Route Name:", navState.routeName) 
     this.setState({navState: setCurrentRouteName(navState.routeName)}) 
    } 
}