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

Abierto
#8,271 4 comentarios 1 reacción 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
45/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
ios, react-native
Área
mobile

Línea de trabajo

Reproduce el problema en un proyecto iOS limpio de React Native 0.77.3 con react-native-tab-view y react-native-pager-view, primero de forma independiente y después dentro de una pantalla de react-native-navigation. Compara el comportamiento de TabView con New Architecture habilitada y usa las versiones de los paquetes indicadas como referencia. Se considera completado cuando onIndexChange actualiza de forma fiable la pestaña visible sin que vuelva a la anterior.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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

Lenguaje dominante
MDX
Estrellas
13.2k
Forks
2.6k
Merge medio
2 d 10 h
PR fusionados (30 d)
6

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de wix/react-native-navigation

Todos los issues de wix/react-native-navigation

Issues similares

Más issues de Mobile Dev

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.