Call enableLatestRenderer cause flicker children in <Marker />

105 views Asked by At

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>
  );
0

There are 0 answers