Lección 5 de 16 · Lectura y práctica
Navigator 2.0 y Declarative Routing
Lección práctica para aplicar Navigator 2.0 y Declarative Routing dentro de Desarrollo de Apps Móviles con Flutter - Nivel Intermedio, con criterios de decisión, ejemplo guiado, ejercicio y checklist de salida.
Del concepto a la práctica
Taller de esta lección
La navegación declarativa representa la pila visible a partir de un estado, en lugar de tratar cada pantalla como una orden aislada. Esto permite que un enlace externo, un botón de atrás o una sesión restaurada produzcan la misma estructura de rutas cuando el estado es equivalente.
Ejemplo resuelto
Considera el estado inicio y el estado detalle(t3). El primero produce una pila con Inicio; el segundo produce Inicio seguido de Detalle con t3. Si la tarea no existe, el estado se transforma en noEncontrada y no se construye un detalle vacío.
Pruébalo
Define una unión conceptual: inicio, detalle con id y no encontrada.
Asigna una lista de páginas a cada estado.
Cambia de inicio a detalle
t3.Prueba
t9contra un repositorio con solot3.
Error frecuente: añadir una ruta visual sin actualizar el estado fuente. Corrígelo haciendo que la pila se derive siempre del estado actual.
Comprueba tu resultado
Para inicio, espera una página. Para detalle(t3), dos páginas y el id t3. Para detalle(t9), una pantalla de no encontrada o una transición definida, nunca un detalle con datos nulos.

Mapa de prácticaUna condición decide qué camino ejecuta el programa. Un bucle repite una operación mientras queden elementos, y termina cuando la lista se agota. Separar ambas ideas ayuda a seguir el flujo y comprobar casos límite.
Ver la infografía en tamaño completo ↗Fuentes para profundizar
Sigue con Desarrollo de Apps Móviles con Flutter - Nivel Intermedio
Esta lección forma parte de un curso de Cursalo. Revisa su programa y elige entre la compra individual o el acceso a toda la escuela.
Si ya tenías acceso a este curso, entra con tu cuenta: tus derechos y tu progreso se conservan. No necesitas comprarlo de nuevo.