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

オープン
#552 コメント 4 件 リアクション 6 件 担当者 1 名 GitHub で見る

メンテナーはふだん 5 日以内に返信

@illuminati1911 がすでに取り組んでいます。

2026年3月18日 から。

評価

この issue はまだ評価されていません。

説明

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
主要言語
TypeScript
スター
226
フォーク
39
平均マージ
1日 20時間
マージ済み PR(30日)
7

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

googlemaps/react-native-navigation-sdk のほかの issue

googlemaps/react-native-navigation-sdk の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。