title: React-native-maps Blank page Only google logo
body: <p>I've been trying to install google maps for react-native for a week an still no success. I've searched and tried the solutions in the react-native-maps github issue but still I get a blank page.</p>
  <p>What I do:</p>
  <pre><code>react-native init myapp
  npm install
  yarn add react-native-maps
  react-native link react-native-maps
  </code></pre>
  <p>In Google Console APIs -&gt; Create new Project -&gt; Enable Google Maps Android API, Google Maps JavaScript API and Places API -&gt; Create credentials</p>
  <p>In AndroidManifest.xml</p>
  <pre><code>    &lt;application&gt;
  ....
         &lt;meta-data
            android:name=&quot;com.google.android.geo.API_KEY&quot;
            android:value=&quot;XXX&quot;/&gt;
      &lt;/application&gt;
  </code></pre>
  <p>package.json</p>
  <pre><code>    {
      &quot;name&quot;: &quot;maps&quot;,
      &quot;version&quot;: &quot;0.0.1&quot;,
      &quot;private&quot;: true,
      &quot;scripts&quot;: {
          &quot;start&quot;: &quot;node node_modules/react-native/local-cli/cli.js start&quot;,
          &quot;test&quot;: &quot;jest&quot;
      },
      &quot;dependencies&quot;: {
          &quot;react&quot;: &quot;16.0.0&quot;,
          &quot;react-native&quot;: &quot;0.50.4&quot;,
          &quot;react-native-maps&quot;: &quot;^0.18.3&quot;
      },
      &quot;devDependencies&quot;: {
          &quot;babel-jest&quot;: &quot;21.2.0&quot;,
          &quot;babel-preset-react-native&quot;: &quot;4.0.0&quot;,
          &quot;jest&quot;: &quot;21.2.1&quot;,
          &quot;react-test-renderer&quot;: &quot;16.0.0&quot;
      },
      &quot;jest&quot;: {
          &quot;preset&quot;: &quot;react-native&quot;
      }
  }
  </code></pre>
  <p>App.js</p>
  <pre><code>import React, { Component } from 'react';
  import {
    StyleSheet,
    Text,
    View
  } from 'react-native';
  import MapView from 'react-native-maps'
  
  export default class App extends Component {
    render() {
      return (
        &lt;View style={styles.container}&gt;
        &lt;MapView
          style={styles.map}
          region={{
            latitude: 37.78825,
            longitude: -122.4324,
            latitudeDelta: 0.015,
            longitudeDelta: 0.0121,
          }}
        &gt;
        &lt;/MapView&gt;  
        &lt;/View&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      ...StyleSheet.absoluteFillObject,
      alignItems: 'center',
    },
    map: {
      ...StyleSheet.absoluteFillObject,
    },
  });
  </code></pre>
  <p>Edit:
  Because some people asked me for stack trace: <a href="https://i.stack.imgur.com/n7bIi.jpg" rel="noreferrer">Sample 1</a></p>