Polygons always rendering behind UrlTile if caching enabled afterwards

[draperunner]

Summary

Toggling a polygon works fine either if caching is enabled or disabled from the start. But if caching is toggled on/off after first render, polygons will always be rendered behind the UrlTile.

repro.mov

Reproducible sample code

A complete reproducible example can be found in this branch: https://github.com/draperunner/react-native-maps/tree/urltile-polygon-bug-repro

Steps to reproduce

Start the example app from this repro branch: A complete reproducible example can be found in this branch: https://github.com/draperunner/react-native-maps/tree/urltile-polygon-bug-repro

See that toggling the polygon is fine, but not after enabling/disabling the cache.

Expected result

I would expect the polygons to appear on top of the UrlTile, just like they do if caching is never toggled.

Actual result

Polygons appear below the UrlTile if caching of the UrlTile is enabled after the initial render.

React Native Maps Version

1.10.3

What platforms are you seeing the problem on?

iOS (Apple Maps)

React Native Version

0.73.0

What version of Expo are you using?

Not using Expo

Device(s)

iPhone 15

Additional information

A workaround seems to be to set a new key on <UrlTile> whenever caching is toggled (whenever tileCachePath is changed).

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If the issue remains relevant, simply comment Still relevant and the issue will remain open. Thank you for your contributions.