リアクションナビゲーション画面の現在のナビゲーション状態を取得する

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