title: React Native Maps Custom Marker blocking Marker onPress
body: <p>I have custom markers being rendered to my map and do so exactly as I want.  I'm using Custom Marker which is a View, Image, and then text specific to an event over the image.  </p>
  
  <p>For some reason using a custom marker view is blocking the onPress on the Marker component.  </p>
  
  <p>I've tested the onPress event as similiar to below for testing:</p>
  
  <p><code>&lt;Marker onPress={() =&gt; {console.log('Pressed')}}&gt; ...</code> but only logs the press message when I remove my custom marker view inside the Marker component.</p>
  
  <p>Is there a reason why the custom marker view would be stopping the onPress?  How do I get around this and fire an onPress event for a custom marker?</p>
  
  <p>Added full code below for better look. Right now it is working but only because I am using the <code>onSelect</code> event for iOS.  The <code>onPress</code> works the way it is for Android but not iOS.</p>
  
  <pre><code>&lt;MapView 
      style={styles.map} 
      ref={ map =&gt; {this.map = map }}
      region={this.state.region}
      onRegionChangeComplete={this.onRegionChange}
      rotateEnabled={false}
      loadingEnabled={true}
  &gt;
      {matches.map((marker, index) =&gt; {
              return (
                  &lt;MapMarker 
                      key={index}
                      mapMarker={marker}
                      handlePress={() =&gt; {
                          this.map.animateToRegion({
                              latitude: marker.location.latlng.latitude,
                              longitude: marker.location.latlng.longitude
                          }, 100)
                      }}
                  /&gt;
              )
      })} 
  &lt;/MapView&gt;
  </code></pre>
  
  <p><code>MapMarker.js</code></p>
  
  <pre><code>render() {
          const { mapMarker } = this.props;
  
          return (
              &lt;Marker
                  ref={(ref) =&gt; {this.markerRef = ref; }}
                  coordinate={mapMarker.location.latlng}
                  title={mapMarker.location.streetName}
                  stopPropagation={true}
                  pointerEvents='auto'
                  onPress={() =&gt; console.log('pressed')}
                  onSelect={() =&gt; {
                      this.props.handlePress();
                  }}
              &gt;
  
                  &lt;CustomMapMarker 
                      gameType={mapMarker.matchType} 
                      isSanctioned={mapMarker.isSanctioned}
                      startDate={mapMarker.startAt}
                  /&gt;
  
                  &lt;Callout style={styles.customCallout}&gt;
                      &lt;CustomMarkerCallout markerInfo={mapMarker} /&gt; 
                  &lt;/Callout&gt;
              &lt;/Marker&gt;
          );
      }
  </code></pre>