After a recommendation from Google Maps Platfrom I decide to update to the latest renderer for the Maps SDK for Android. Following react-native-maps documentation I call enableLatestRenderer() in App.js. The issue that I was facing was that all markers started flickering.
If I use tracksViewChanges={false} flickering stops but this is not a solution for me since I use Animate.Image to scale selected marker. The scaling stops working if tracksViewChange is false
This is my custom marker
return (
<Marker
key={index}
coordinate={{
latitude: Number(marker.lat),
longitude: Number(marker.lng),
}}
// tracksViewChanges={false}
onPress={(e) => onMarkerPress(e)}>
<Animated.View style={styles.markerStyle}>
<Animated.Image
source={require('../../assets/images/appicon.webp')}
resizeMode='contain'
style={[styles.markerImage, scaleStyle]}></Animated.Image>
</Animated.View>
</Marker>
);