Как узнать название текущего маршрута в реагирующей навигации?

Question

Мне нужно имя текущего маршрута или экрана в реагирующей навигации, которое я хочу использовать внутри условия, чтобы внести некоторые изменения.

Answer 1

Вы можете поймать его как следующий код:

this.props.navigation.state.routeName

Answer 2

Если вы используете вложенные навигаторы, вы можете использовать этот код для получения текущего состояния активного экрана

const getActiveRouteState = function (route: NavigationState): NavigationState {
    if (!route.routes || route.routes.length === 0 || route.index >= route.routes.length) {
        return route;
    }

    const childActiveRoute = route.routes[route.index] as NavigationState;
    return getActiveRouteState(childActiveRoute);
}

Использование:

const activeRoute = getActiveRouteState(this.props.navigation.state);

Я использую это, когда мне нужно получить текущее состояние активного экрана из NavigationDrawer.

Answer 3

При использовании "react-navigation": "^3.0.8" и DrawerNavigator к нему можно получить доступ из объекта this.props, используя this.props.activeItemKey