navigation-rfc + redux

AppNavigator.js

@connect(state => ({navState: state.navState})
export default class AppNavigator {
  render () {
    return (
      <NavigationAnimatedView
        navigationState={this.props.navState}
        style={styles.animatedView}
        springConfig={{velocity: 1, tension: 50, friction: 11}}
        renderOverlay={(props) => <View />}
        renderScene={(route, index, navState, position, layout) => {
          let RouteComponent = getComponentFromRoute(route)
          return (
            <NavigationCard
              key={index}
              route={route}
              index={index}
              navState={navState}
              position={position}
              layout={layout}
              >
              <RouteComponent route={route} />
            </NavigationCard>
          )
        }}
      />
    )
  }
}

navReducer.js

import {NavigationState} from 'react-native'

export default function navState (state = initialState, action) {
  switch (action.type) {
    case NAVIGATE_PUSH:
      return NavigationState.push(state, action.payload)
    case NAVIGATE_POP:
      if (navState.index === 0 || state.length === 1) return state
      return NavigationState.pop(tate
    default:
      return state
  }
}