maplibre-react-native
maplibre-react-native copied to clipboard
Attribution control is oddly positioned on Android
Steps to Trigger Behavior
- Create a full-screen map view, as in the Getting Started example
- Launch on Android
Link to Minimal Reproducible Example
Either follow the Getting Started guide, or run the bundled examples.
Expected Behavior
Attribution button shows up in the lower right corner
Actual Behavior
It is approximately 2/3 of the way to the left side of the screen
Screenshots (if applicable)

Version(s) affected
- Platform: Android
- OS version: API 30
- Device type: Pixel
- Emulator/ Simulator: Yes
- Development OS: macOS Ventura 13.1
- maplibre-react-native Version 9.0.0
- MapLibre GL version 9.6.0
- React Native Version 0.68.0 and 0.71.0 tested (probably affects all)
Additional context
This might be an upstream issue; check that with a minimal example before digging too deep.
Yes, weird! Anyways, I ended up using attributionPosition prop in the MapVIew. Eg.
<MapLibreGL.MapView
{...otherProps}
attributionPosition={{ right: 10, bottom: 10 }}
/>
The offset is there, when there is no logo and the default placement is used.
| No Logo | Logo |
|---|---|
Not sure, which way we should go, maybe enable the logo by default?