title: React-Native-Maps don't seem to rerender once the geo location is acquired
body: <p>I'm trying to create a simple app that loads a google map (using airbnb's react-native-maps library) and shows the user's current location.  What I'm seeing is that the map always shows the default initial position rather than re-rendering once the user's location is acquired.  </p>
  
  <p>I'm using React 0.42 and testing only on iOS.  Here is some code to clarify:</p>
  
  <p>1.) I set an initial state</p>
  
  <pre><code>state = {
        region: {
          latitude: 52,
          longitude: 5,
          latitudeDelta: 0.0922,
          longitudeDelta: 0.0421
        }
    }
  </code></pre>
  
  <p>2.) I get the user's location within componentDidMount</p>
  
  <pre><code>componentDidMount() {
      navigator.geolocation.getCurrentPosition(
        (position) =&gt; {
          this.setState({
            region: {
              latitude: position.coords.latitude,
              longitude: position.coords.longitude,
              latitudeDelta: 0.01,
              longitudeDelta: 0.0011
            }
          });
        },
        (error) =&gt; alert(JSON.stringify(error)),
        {enableHighAccuracy: true, timeout: 20000, maximumAge: 1000}
      );
    }
  </code></pre>
  
  <p>3.) With render, I display the map with the initial region, and expect that region to change once the user's location is acquired</p>
  
  <pre><code>render() {
      return (
       &lt;View style={{ flex: 1 }}&gt;
         &lt;View style={{backgroundColor: 'coral', height: 70, justifyContent: 'center', alignItems: 'center'}}&gt;
           &lt;Text&gt;
              &lt;Text&gt;longitude: {this.state.region.longitude}&lt;/Text&gt;
              &lt;Text&gt;latitude: {this.state.region.latitude}&lt;/Text&gt;
          &lt;/Text&gt;
         &lt;/View&gt;
         &lt;View style={styles.container}&gt;
           &lt;MapView
             provider={PROVIDER_GOOGLE}
             style={styles.map}
             initialRegion={this.state.region}
             region={this.state.region}
             onRegionChange={this.onRegionChange}
             onRegionChangeComplete={this.reloadEntities}
           /&gt;
         &lt;/View&gt;
       &lt;/View&gt;
     );
   }
  </code></pre>
  
  <p>Here is the onRegionChange, just updates the state with the new region, which I believe will cause a re-render</p>
  
  <pre><code>onRegionChange = (region) =&gt; {
    this.setState({ region });
  }
  </code></pre>
  
  <p>NOTE: The longitude and latitude text values do update as the region on the map changes, and they have they are updated once the user's location is acquired.</p>
  
  <p>So I'm a bit confused as to why the map does not change what it's showing once the user's location is acquired.  Any help would be much appreciated!</p>
  
  <p>Update: I've taken a look at this thread: <a href="https://github.com/airbnb/react-native-maps/issues/43" rel="noreferrer">https://github.com/airbnb/react-native-maps/issues/43</a> and it seems to revolve mainly around Android, but I did try to remove the enableHighAccuracy option with no luck.</p>