googlemaps / googlemaps/react-native-navigation-sdk

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

Đang mở
#552 4 bình luận 6 reaction 1 người được giao Được @illuminati1911 nhận Xem trên GitHub
type: bug
Ngôn ngữ chính
TypeScript
Star
227
Fork
38
Merge trung bình
4 ngày 8 giờ
Pull request đã merge (30 ngày)
16

Mô tả

## 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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.