callstack / callstack/react-native-pager-view
Conflicts when nesting PagerView inside of Material Top/Bottom Tab navigator
- 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
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