Skip to content

Custom markers flickering due to new Google renderer #5112

@fabriziocucci

Description

@fabriziocucci

Summary

Hi, I just came across this issue while working on my mobile app running on Expo SDK49. While I was able to mitigate the problem following one of the suggestions found in another bug report, I'm wondering, what's the real solution for this?

My journey so far:

  1. some people suggested to set tracksViewChanges={false} but that's not feasible in some scenarios (like mine)
  2. some people suggested to set googleRenderer="LEGACY" which requires upgrading to at least v1.13.2 (like I did)

While the first solution is a non-solution for many cases, the second feels like a workaround while waiting for the inevitable.

I couldn't find anything specific in the changelog so I was hoping the maintainers could shed some light on this.

Reproducible sample code

N/A

Steps to reproduce

Use SVG as custom markers:

<Marker coordinate={{...}} identifier={...} onPress={...}>
  <MySvg />
</Marker>

Expected result

Custom marker should not flicker.

Actual result

WhatsApp.Video.2024-07-03.at.21.31.46.mp4

React Native Maps Version

1.14.0

What platforms are you seeing the problem on?

Android

React Native Version

0.74.3

What version of Expo are you using?

SDK 51

Device(s)

Google Pixel 5

Additional information

The current Expo version is 51 but the problem started appearing already from version 49.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions