GeolocationPermissionModalView.js

import { Text } from 'react-native';

export default () => <Text>OK</Text>;

ModalScreen.js

import React, { Component } from 'react';
import propTypes from 'prop-types';
import navigatorStyle from '../styles/navigator';
import { iconsMap } from '../utils/AppIcons';
import GeolocationPermissionModalView from './GeolocationPermissionModalView';

class ModalScreen extends Component {
  static navigatorStyle = navigatorStyle;

  componentDidMount() {
    const { navigator } = this.props;

    navigator.setButtons({
      rightButtons: [{
        id: 'dismissModal',
        icon: iconsMap['md-close--light']
      }]
    });

    navigator.setOnNavigatorEvent(e => {
      if (e.id === 'dismissModal') {
        navigator.dismissModal();
      }
    });
  }

  render = () => {
    const { ViewComponent, viewProps } = this.props;
    return <ViewComponent {...viewProps} />;
  };
}

ModalScreen.propTypes = {
  viewProps: propTypes.object,
  ViewComponent: propTypes.oneOfType([
    GeolocationPermissionModalView
  ]).isRequired
};

ModalScreen.defaultProps = {
  viewProps: {}
}

export default ModalScreen;