index.js

import PropTypes from 'prop-types';
import * as React from 'react';
import { requireNativeComponent, StyleSheet, View } from 'react-native';

const MapboxNavigation = (props) => {
  return <RNMapboxNavigation style={styles.flex} {...props} />;
};

MapboxNavigation.propTypes = {
  origin: PropTypes.array.isRequired,
  destination: PropTypes.array.isRequired,
  shouldSimulateRoute: PropTypes.bool,
  onLocationChange: PropTypes.func,
  onRouteProgressChange: PropTypes.func,
  onError: PropTypes.func,
  onCancelNavigation: PropTypes.func,
  onArrive: PropTypes.func,
  showsEndOfRouteFeedback: PropTypes.bool,
};

const RNMapboxNavigation = requireNativeComponent(
  'MapboxNavigation',
  MapboxNavigation
);

const styles = StyleSheet.create({
  flex: {
    flex: 1,
  },
});

export default MapboxNavigation;