TabView (react-native-pager-view) does not update inside RNN screen on iOS (index updates but UI does not change)

Aperta
#8,271 4 commenti 1 reazione 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
45/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
ios, react-native
Ambito
mobile

Direzione di ricerca

Riproduci il problema in un progetto iOS React Native 0.77.3 pulito con react-native-tab-view e react-native-pager-view, prima in modo autonomo e poi all’interno di una schermata react-native-navigation. Confronta il comportamento di TabView con New Architecture abilitata e usa le versioni dei pacchetti segnalate come riferimento. Il lavoro è completato quando onIndexChange aggiorna in modo affidabile la scheda visibile senza tornare indietro.

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

Descrizione

platform: iOS type: accepted/bug
What happened?

When using react-native-tab-view (which relies on react-native-pager-view) inside a react-native-navigation (RNN) screen on iOS, tab switching does not work correctly.

The index state updates correctly (onIndexChange fires), but the visible tab does not change or snaps back to the previous tab.

https://github.com/user-attachments/assets/93bbb959-11be-46c1-918d-c3f61da0f1f5

What was the expected behaviour?

Tabs should switch correctly when index changes.

Was it tested on latest react-native-navigation?
  • I have tested this issue on the latest react-native-navigation release and it still reproduces.
Help us reproduce this issue!

Create a clean React Native 0.77 project
Add react-native-tab-view and react-native-pager-view
TabView works correctly
Add react-native-navigation
Render the same TabView inside an RNN screen
Try switching tabs

In what environment did this happen?

react-native: 0.77.3
react-native-navigation: 8.7.4 and latest
react-native-tab-view: 4.0.5
react-native-pager-view: 6.9.1
Platform: iOS
New Architecture: enabled

Lingua principale
MDX
Stelle
13.2k
Fork
2.6k
Merge medio
2g 10h
PR unite (30g)
6

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di wix/react-native-navigation

Tutte le issue di wix/react-native-navigation

Issue simili

Altre issue su Mobile Dev

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.