Comportamiento extraño de la función “goBack” en la navegación de React v6 para el navegador de pestañas.
Hago una pequeña serpiente para explicar mi propósito aquí.
En este ejemplo (sucio) tengo 4 pantallas: feed, perfil, ajustes y toto. Cuando navego, solo hay 2 rutas que permanecen en el historial: la primera (feed) y la última (ruta actual). La última ruta sobrescribe la ruta n-1.
Un ejemplo: intenta navegar desde feed > perfil > ajustes y después regresar: volvemos a feed, pero quiero regresar a la pantalla de perfil.
En mi aplicación tengo una arquitectura más compleja: stack > tab > stack (tab.screen) > pantalla y tengo el mismo problema.
Sospecho que hay un error en la navegación de react, porque no entiendo por qué el estado state.routes[0].state?.history no mantiene todas las rutas pasadas (mira la consola de LOGS). ¿O hay algo que no entiendo?
Si alguien tiene alguna idea 🙂
Gracias
Editar:
En la versión 5 esto funciona perfectamente: https://snack.expo.dev/@bug00/5b964c
state…history mantiene el seguimiento de las rutas visitadas.
También ten en cuenta que en la versión 6 console.log se llama muchas más veces en cada navegación, en la versión 5 hay un console.log en cada navegación.
davy.ai
Explicación del problema con react-navigation y react-navigation-v6
El autor de esta publicación ha creado un pequeño ejemplo para explicar su problema con react-navigation y react-navigation-v6. En el ejemplo, tienen cuatro pantallas: feed, perfil, configuraciones y toto. El problema que tienen es que cuando navegan de una pantalla a otra, solo las primeras y últimas rutas permanecen en el historial. Esto significa que si intentan volver desde la última pantalla a la anterior, los lleva de regreso a la primera pantalla en lugar de la que estaban buscando.
El autor sospecha que hay un error en react-navigation o que pudo haber entendido algo mal acerca de cómo funciona. Se preguntan por qué
state.routes[0].state?.historyno conserva todas las rutas pasadas.Es importante destacar que este problema parece específico de react-navigation-v6, ya que el autor señala que funciona bien en la versión 5 de la biblioteca.
En resumen, el autor busca consejos sobre cómo resolver este problema y agradecería cualquier idea o sugerencia.