[Feature request]: Guidance instruction banner should respect safe areas on Android and support position/offset customization

Abierto
#552 4 comentarios 6 reacciones 1 asignado Ver en GitHub

Los mantenedores suelen responder en 5 días

@illuminati1911 ya está trabajando en esto.

Desde el 18/3/2026.

Evaluación

Este issue todavía no se ha evaluado.

Descripción

type: bug

Description

On Android, the turn-by-turn guidance instruction banner does not account for the device's safe area (status bar, camera cutouts, etc.). The banner renders at the very top of the screen and can overlap with the system status bar, making it difficult to read.

On iOS, the guidance banner correctly respects safe area insets and positions itself below the status bar.

Expected behavior

  • The guidance instruction banner should respect Android safe area insets (status bar, display cutouts) by default, similar to how it behaves on iOS.
  • Ideally, a prop (e.g. guidanceBannerInsets or guidanceBannerTopOffset) should be exposed so developers can customize the banner's position — primarily the top offset — to accommodate custom UI layouts, notches, or status bar overlays.

Additional context

This is particularly important on modern Android devices with punch-hole cameras, notches, or rounded corners where the system UI overlaps with the top of the screen. Having parity with iOS safe area handling — or at minimum an escape hatch to control the offset — would greatly improve the developer and end-user experience.

Image
Lenguaje dominante
TypeScript
Estrellas
226
Forks
39
Merge medio
1 d 20 h
PR fusionados (30 d)
7

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de googlemaps/react-native-navigation-sdk

Todos los issues de googlemaps/react-native-navigation-sdk

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.