callstack / callstack/react-native-pager-view

The first SceneView's height is not full

Offen
#575 8 Kommentare 7 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
3.4k
Forks
476
Ø Merge
10 T. 21 Std.
Gemergte PRs (30 T.)
2

Beschreibung

## Environment

| Package | Version |
| ---- | ---- |
| expo | 45.0.5 |
| react | 17.0.2 |
| react-native | 0.68.2 |
| react-native-tab-view | 3.1.1 |
| react-native-pager-view | 5.4.15 |
| node | 16.13.2 |
| yarn | 1.22.10 |
| @react-navigation/native | 6.0.10 |
| @react-navigation/native-stack | 6.6.2 |

## Description

In my case, if the `TabView` be wrapped in the `NavigationContainer` which exported from `@react-navigation/native`, the first route has a bottom blank.

And I debug the element tree by react-native-debugger, found that the first SceneView's height is incorrectly.

![Jun-12-2022 23-26-22](https://user-images.githubusercontent.com/23474513/173240516-bfb46b4d-b3b3-4751-94af-8f5f8fc13de3.gif)

## Reproducible Demo

https://snack.expo.dev/@blucas/bottom-blank

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit dem verlinkten Expo Snack und reproduziere den leeren Bereich, wenn TabView in NavigationContainer eingebunden wird. Vergleiche die gemessene Höhe der ersten SceneView mit den anderen Routen und überprüfe anschließend, dass die erste Route die verfügbare Höhe ohne einen leeren Bereich am unteren Rand ausfüllt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react-native, typescript
Bereich
mobile
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

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