Function to replace route in a state with another route by routeName property

replaceAtRouteName.js

const replaceAtRouteName = (state, routeName, route) => {
  if (!route || !routeName || !state.routes) {
    return state
  }

  const newState = { ...state }
  let replaced = false

  state.routes.forEach((value, index) => {
    let replacedRoute = value

    if (value.routeName === routeName) {
      replacedRoute = route
    } else if (value.routes) {
      const newRoute = replaceAtRouteName(value, routeName, route)

      if (newRoute !== value) {
        replacedRoute = newRoute
      }
    }

    if (replacedRoute !== value) {
      const routes = newState.routes.slice()
      routes[index] = replacedRoute
      newState.routes = routes
      replaced = true
    }
  })

  if (replaced) {
    return newState
  }

  return state
}

const defaultGetStateForAction = HomeNavigator.router.getStateForAction
const getKey = () => `route-key-${Date.now()}`

const navigationOptions = { navigationOptions: { header: null } }
const configsWithSlieTransisions = {/* boiler plate */}
const configsWithFadeInOutTransisions = {/* boiler plate */}
const configsWithModalTransisions = {/* boiler plate */}

const LoginNavigator = StackNavigator(
  {
    [RouteNames.LOGIN_FIRST_STEP]: {
      ...navigationOptions,
      screen: LoginFirstStep,
    },
    [RouteNames.LOGIN_SECOND_STEP]: {
      ...navigationOptions,
      screen: LoginSecondtStep,
    },
  },
  configsWithSlieTransisions,
)

const ScreenNavigator = StackNavigator(
  {
    [RouteNames.LOGIN_NAVIGATION]: {
      ...navigationOptions,
      screen: LoginNavigator,
    },
    [RouteNames.HOME]: {
      ...navigationOptions,
      screen: Home,
    },
  },
  configsWithFadeInOutTransisions,
)

const HomeNavigator = StackNavigator(
  {
    ScreenNavigation: {
      ...navigationOptions,
      screen: ScreenNavigator,
    },
    [RouteNames.TOUR]: {
      ...navigationOptions,
      screen: Tour,
    },
    [RouteNames.SCREEN_AFTER_TOUR]: {
      ...navigationOptions,
      screen: AfterTour,
    },
  },
  configsWithModalTransisions,
)

HomeNavigator.router.getStateForAction = (action, state) => {
  if (state && action && action.type === 'YourActionTypeToReplaceRoutes') {
    return replaceAtRouteName(state, action.routeNameReplaced, {
      key: getKey(),
      routeName: action.routeNameToReplace,
    })
  }
  return defaultGetStateForAction(action, state)
}