callstack / callstack/react-native-pager-view

Conflicts when nesting PagerView inside of Material Top/Bottom Tab navigator

Offen
#745 9 Kommentare 9 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

- Using Expo Router V2
- Using React Navigation Material Top Tabs

## Description

I have a vertical view pager nested inside of a material top tab screen. The vertical view pager works perfectly fine, however, I am no longer able to swipe horizontally across screens.

The nested ViewPager within the screen seems to hog all the swipe events and prevents me from swiping horizontally between screens of my navigator, which I believe is built on top of react-native-pager-view as well.

Ideally, the screen would register vertical swiping for my nested ViewPager and horizontal swiping for my navigator. Is there some way to allow my nested ViewPager to register just vertical swipes and pass through horizontal swipes to the parent?

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, den verschachtelten vertikalen ViewPager innerhalb von React Navigation Material Top Tabs mit Expo Router V2 zu reproduzieren. Untersuche, wie Gesten verschachtelter Pager behandelt werden, und verifiziere, dass vertikale Wischgesten beim untergeordneten Pager bleiben, während horizontale Wischgesten den übergeordneten Navigator erreichen; als abgeschlossen gilt die Aufgabe, wenn beide Richtungen ohne Regression funktionieren.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react-native, typescript
Bereich
mobile-dev
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

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