title: react-native - How to display map using react-native-maps
body: <p>I am trying to display a Map View using <a href="https://github.com/airbnb/react-native-maps/tree/master/example/examples" rel="nofollow noreferrer">react-native-maps</a>. 
  The component appears to be displaying except it is blank.</p>
  
  <p><a href="https://i.stack.imgur.com/i4kxs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/i4kxs.png" alt="enter image description here"></a></p>
  
  <p>Is it my stylesheet or am I calling the 'MapView' component right?</p>
  
  <p>Here is the code:</p>
  
  <pre><code>var MapView = require('react-native-maps');
  
  class Map extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
      }
    }
  
    render() {
      return (
        &lt;View style={styles.container}&gt;
          &lt;MapView style={styles.map}
            initialRegion={{
                latitude: 37.78825,
                longitude: -122.4324,
                latitudeDelta: 0.0,
                longitudeDelta: 0.0,
            }}
          /&gt;
        &lt;/View&gt;
  
      );
    }
  };
  
  
  var styles = StyleSheet.create({
   container: {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
     backgroundColor: '#F5FCFF',
   },
     map: {
       position: 'absolute',
       top: 0,
       left: 0,
       right: 0,
       bottom: 0,
     }
  });
  </code></pre>