react-native-router-flux/src/Reducer.js

React Native Router using Flux architecture

import _ from 'lodash';
import { NavigationActions, StackActions } from 'react-navigation';
import * as ActionConst from './ActionConst';
import { getActiveState, popPrevious } from './State';

export default function createReducer(store) {
  return (state, action) => {
    const NavigationStore = require('./Store').default;
    const navigationStore = store || new NavigationStore();
    const { type, routeName } = action;
    if (type === ActionConst.POP_TO) {
      let nextScene = '';
      let newState = state;
      let currentState = state;
      while (newState && nextScene !== routeName) {
        newState = navigationStore.getStateForAction(StackActions.pop(), currentState);
        if (newState) {
          nextScene = getActiveState(newState).routeName;
          if (nextScene !== routeName && _.isEqual(currentState, newState)) {
            console.warn(`popTo called with an unknown routeName: ${routeName}, current scene: ${nextScene}`);
            break;
          }
          if (nextScene !== routeName) {
            currentState = newState;
          }
        }
      }
      return nextScene === routeName ? newState : state;
    }
    if (type === ActionConst.REPLACE) {
      const newState = navigationStore.getStateForAction(
        NavigationActions.navigate({
          routeName,
          params: action.params,
        }),
        state,
      );
      const res = popPrevious(newState, routeName);
      return res;
    }
    return navigationStore.getStateForAction(action, state) || state;
  };
}