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

Aberta
#552 4 comentários 6 reações 1 responsável Ver no GitHub

Mantenedores costumam responder em até 5 dias

@illuminati1911 já está trabalhando nisso.

Desde 18/3/2026.

Avaliação

Esta issue ainda não foi avaliada.

Descrição

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
Linguagem predominante
TypeScript
Estrelas
226
Forks
39
Merge médio
1d 20h
PRs com merge (30d)
7

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de googlemaps/react-native-navigation-sdk

Todas as issues de googlemaps/react-native-navigation-sdk

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.