Получить текущий маршрут в React Native Navigation

Чтобы получить текущий маршрут в React Native Navigation, вы можете использовать следующие методы:

  1. Использование React Navigation v5 или более поздней версии:

    import { useNavigationState } from '@react-navigation/native';
    const getCurrentRoute = () => {
    const navigationState = useNavigationState(state => state);
    return navigationState.routes[navigationState.index].name;
    };
  2. Использование React Navigation v4 или более ранней версии:

    import { NavigationActions } from 'react-navigation';
    const getCurrentRoute = () => {
    const currentRoute = NavigationActions.getCurrentRoute();
    return currentRoute.routeName;
    };
  3. Использование React Native Navigation (Wix):

    import { Navigation } from 'react-native-navigation';
    const getCurrentRoute = () => {
    Navigation.getCurrentlyVisibleScreenId()
    .then(screenId => {
      const currentRoute = Navigation.findStackByScreenId(screenId);
      return currentRoute.screen;
    })
    .catch(error => console.error(error));
    };