反應導航獲取屏幕中的當前導航狀態

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)})
    }
}