React Navigation, la librería más utilizada para navegación en React Native y aplicaciones web con React, ha lanzado su versión 8.0 Alpha, junto con un informe de progreso actualizado en marzo de 2026.
Esta nueva versión introduce cambios importantes en la experiencia de navegación, destacando la adopción de componentes nativos, mejoras en TypeScript y un nuevo modelo de historial más flexible.
Tabs inferiores nativos como nuevo estándar
Uno de los cambios más visibles en React Navigation 8 es la adopción de Bottom Tabs nativos por defecto en iOS y Android.
Este nuevo sistema está basado en react-native-screens y permite:
- Uso de componentes nativos del sistema operativo
- Integración con efectos visuales modernos (como Liquid Glass en iOS 26)
- Mejor rendimiento y fluidez en la transición entre pantallas
Los desarrolladores pueden volver al comportamiento anterior usando la prop implementation="custom".
Este cambio marca un paso importante hacia una integración más profunda con las plataformas móviles.
TypeScript mucho más inteligente y automático
React Navigation 8 mejora significativamente la inferencia de tipos en TypeScript.
Ahora, funciones como:
useNavigationuseRouteuseNavigationState
pueden inferir automáticamente los tipos basándose en el nombre de la pantalla.
Además, el sistema puede inferir parámetros directamente desde rutas definidas en la configuración de linking, inspirándose en soluciones como TanStack Router.
Esto permite algo muy potente: construir aplicaciones completas sin escribir anotaciones de tipo manuales para navegación.
Deep linking y rutas automáticas por defecto
Otra gran novedad es que el deep linking ahora está activado por defecto.
Esto incluye:
- Generación automática de rutas basadas en nombres de pantalla
- Integración directa con configuración de linking
- Compatibilidad con estructuras complejas de navegación
Esto simplifica enormemente la configuración inicial de apps React Native modernas.
Nuevo sistema de historial y navegación web
React Navigation 8 introduce una API llamada pushParams, diseñada para mejorar el comportamiento en web.
Este sistema permite:
- Añadir entradas al historial sin cambiar de pantalla
- Actualizar parámetros de navegación dinámicamente
- Compatibilidad total con botones “atrás” del navegador
Esto acerca React Navigation al comportamiento esperado en aplicaciones web modernas.
Control de renderizado con React 19
Con la llegada de React 19, React Navigation 8 introduce nuevas optimizaciones:
inactiveBehaviorpara pausar pantallas no activas- Uso de
React.Activitypara reducir re-renders innecesarios - Mejor gestión de recursos en segundo plano
Esto mejora el rendimiento general de aplicaciones complejas con múltiples pantallas.
Compatibilidad con Standard Schema (Zod, Valibot)
El sistema de linking ahora soporta Standard Schema, lo que permite usar librerías como:
- Zod
- Valibot
- Otros validadores compatibles
Esto mejora la validación de parámetros en rutas y reduce errores en tiempo de ejecución.
Accesibilidad mejorada en web
React Navigation 8 también mejora la accesibilidad:
- Uso del atributo
inerten navegadores web - Ocultación correcta de pantallas inactivas para lectores de pantalla
- Mejor comportamiento en navegación por teclado
Estas mejoras hacen que las apps sean más accesibles desde el primer momento.
Breaking changes importantes
Como es habitual en una versión mayor, React Navigation 8 introduce cambios importantes:
- Requiere React 19
- Requiere React Native 0.83 o superior
- Requiere Expo SDK 55 o superior
- Migración obligatoria desde v7 para nuevas APIs
El equipo ha publicado una guía detallada de migración para facilitar la transición.
Comentarios de la comunidad
La reacción de la comunidad ha sido mixta. Mientras muchos celebran las mejoras en TypeScript y rendimiento, otros usuarios expresan preocupación por la velocidad de cambios:
“Estoy agotado con este ciclo de actualizaciones. Nunca termina.” – Usuario en r/reactnative
Este tipo de feedback refleja la tensión habitual en el ecosistema React Native entre innovación y estabilidad.
¿Qué es React Navigation?
React Navigation es una librería open-source mantenida por Satyajit Sahoo que permite gestionar la navegación en:
- React Native
- Expo
- Aplicaciones web con React
Es el estándar de facto para routing en el ecosistema React Native.
COMIENZA A USAR REACT NAVIGATION
Conclusión
React Navigation 8.0 Alpha marca una evolución importante en el ecosistema React Native, apostando por componentes nativos, mejor rendimiento y una experiencia TypeScript mucho más automatizada.
Aunque todavía está en fase temprana, sus cambios apuntan a una navegación más moderna, integrada y eficiente tanto en mobile como en web.