react-native-router-flux-custom-tabs/src/Modal.js

React Native Router using Flux architecture this is my fork for testing

import React, {
  PropTypes,
} from 'react';
import {
  View,
} from 'react-native';
import DefaultRenderer from './DefaultRenderer';

const propTypes = {
  navigationState: PropTypes.shape({
    children: PropTypes.array,
  }),
  onNavigate: PropTypes.func,
};

export default function Modal(props: Object) {
  const children = props.navigationState.children;
  const state = children[0];

  return (
    <View style={{ flex: 1 }}>
      <DefaultRenderer
        navigationState={state}
        key={state.key}
        {...state}
        onNavigate={props.onNavigate}
      />
      {children.length > 1 && children.map((el, i) => {
        if (i > 0 && el.component) {
          const Component = el.component;
          return (
            <Component
              navigationState={children[i]}
              key={el.key}
              {...el}
              onNavigate={props.onNavigate}
            />
          );
        }

        return null;
      })}
    </View>
  );
}

Modal.propTypes = propTypes;