callstack / callstack/react-native-pager-view

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

Aperta
#745 9 commenti 9 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
TypeScript
Stelle
3.4k
Fork
476
Merge medio
10g 21h
PR unite (30g)
2

Descrizione

## 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?

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia riproducendo il ViewPager verticale annidato all’interno di React Navigation Material Top Tabs con Expo Router V2. Analizza come vengono gestiti i gesti dei pager annidati e verifica che gli scorrimenti verticali rimangano nel figlio, mentre quelli orizzontali raggiungano il navigator padre; il lavoro è completo quando entrambe le direzioni funzionano senza regressioni.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react-native, typescript
Ambito
mobile-dev
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.