Saltar al contenido

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

  1. Define una unión conceptual: inicio, detalle con id y no encontrada.

  2. Asigna una lista de páginas a cada estado.

  3. Cambia de inicio a detalle t3.

  4. Prueba t9 contra un repositorio con solo t3.

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.

Diagrama de decisión con ramas Sí y No y un bucle que procesa cada elemento de una lista.
CursaloMapa de práctica
Cómo avanza un programa

Una 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.

01 / ELEGIR UNA RUTA

El próximo paso

Aprende IA mientras construyes algo que sí necesitas.

Empieza por el curso inicial o explora el catálogo para encontrar una práctica alineada con tu trabajo.