callstack / callstack/react-native-pager-view

[iOS] Incorrect safe-area inset inside PagerView with native search bar since 9.0.2

Offen
#1,142 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
3.4k
Forks
476
Ø Merge
10 T. 21 Std.
Gemergte PRs (30 T.)
2

Beschreibung

Environment

  • React Native: 0.87.1
  • React: 19.2.3
  • react-native-pager-view: 9.0.4
  • react-native-screens: 4.27.0
  • react-native-safe-area-context: 5.9.1
  • @react-navigation/native: 7.3.18
  • @react-navigation/native-stack: 7.18.10
  • Platform: iOS

Description

Hi! Thank you for your library and your time!
I'm facing an issue

https://github.com/iliapnmrv/react-native-pager-view-ios-searchbar-inset/blob/main/README.md

A FlatList gets an incorrect safe-area inset when it is rendered inside PagerView on a native-stack screen with headerSearchBarOptions.

The same FlatList, rendered directly on the screen without PagerView, is laid out correctly.

This appears to be a regression introduced in react-native-pager-view 9.0.2.

https://github.com/user-attachments/assets/90ca6b92-2368-4d00-8a1b-08c16a41364a

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit der verlinkten Reproduktion README.md und vergleiche das FlatList-Layout innerhalb von PagerView auf iOS mit dem Fall eines direkten Bildschirms unter Verwendung der aufgeführten Abhängigkeitsversionen. Verfolge die safe-area-Behandlung rund um die in react-native-pager-view 9.0.2 eingeführte Regression; abgeschlossen ist die Aufgabe, wenn die eingebettete FlatList den korrekten Inset erhält, während headerSearchBarOptions aktiviert bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
ios, react-native, typescript
Bereich
mobile-dev
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Aktiv
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
55/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.