title: React native map markers flicker on state update
body: <p>We've multiple coordinates that we need to display on the map using markers. The marker clicked by the user has to be marked as active and have some operations performed for some other functionality.</p>
  
  <p>When I update the state in <strong>onPress</strong> method of the marker all the markers flickers, probably due to re-rendering. I've added the unique key as well but it doesn't seem to work.</p>
  
  <p>I've an array named <strong>markers</strong> which is used to render the markers on the map.</p>
  
  <pre><code>return markers.map(marker =&gt; (
        &lt;Marker
          tracksViewChanges={false}
          tracksInfoWindowChanges={false}
          animationEnabled={false}
          identifier={marker.id}
          key={marker.id}
          coordinate={{
            latitude: marker.location.latitude,
            longitude: marker.location.longitude,
          }}
          onPress={() =&gt; {
            setActiveMarker(marker.id);  // State update using hook
          }}&gt;
          //Rendering the custom marker image here
          {if(activeMarker === marker.id)
          (&lt;Icon
            width={22}
            height={32}
            source={require('../../assets/images/marker.png')})
          else
           (&lt;Icon
            width={22}
            height={32}
            source={require('../../assets/images/activeMarker.png')})
           }
          /&gt;
        &lt;/Marker&gt;
  ));
  
  </code></pre>
  
  <p>The react-native-map version: 0.27.1</p>