title: React Native Map View Initial Render
body: <p>I am loading a map with a marker from my API for a single post through the following screen. This code below works perfect, it displays the marker on the map and the mapview circle also appears in the same location as the marker.</p>
  
  <p><b>The Problem:</b> I want to set the initialRegion as the marker coordinates so that the map is in the proper location where the marker is. I have tried setting the initialRegion latitude and longitude with posts.lat &amp; posts.lng like I did with the mapview circle but this does not work with the initial region.</p>
  
  <p><em>There is only ONE marker loaded from the API as this is a single post screen</em></p>
  
  <pre><code>componentDidMount() {
      this.getPosts();
    }
  
    getPosts() {
      axios
        .get('myAPI')
        .then(response =&gt; {
          this.setState({
            post: response.data,
            loading: false
          });
        });
  }
  
  render() {
  const posts = (this.state ?? this.state.posts) ? this.state.posts : 
      return (
        &lt;MapView style={styles.map}
                initialRegion={{
                    latitude: 43.660192,
                    longitude: -79.425250,
                    latitudeDelta: 0.04,
                    longitudeDelta: 0.05,
                }}
              &gt;
  
  &lt;MapView.Marker key={posts.id} coordinate={{latitude: posts.lat, longitude: posts.lng}} /&gt;
  
  &lt;MapView.Circle
              center={{
                latitude: posts.lat,
                longitude: posts.lng,
              }}
              radius={150}
              strokeWidth={2}
              strokeColor="#3399ff"
              fillColor="rgba(102,204,153,0.2)"
   /&gt;
  
            &lt;/MapView&gt;
  );
    }
  </code></pre>