Lección 4 de 16 · Lectura y práctica
Caso Práctico: Estado con Provider
Practica caso práctico: estado con provider con un ejemplo resuelto, un ejercicio y una infografía.
Del concepto a la práctica
Taller de esta lección
Un flujo pequeño de tareas muestra el beneficio de separar eventos de representación. El almacén recibe acciones, modifica una lista y expone un estado derivado; la pantalla solo dispara acciones y pinta el resultado. Así se puede comprobar la lógica sin depender de gestos ni de un diseño concreto.
Ejemplo resuelto
Con tareas Comprar pan pendiente y Enviar informe completada, el derivado pendientes debe contener solo la primera. Al marcarla, la lista pendiente queda vacía y el total completado pasa de 1 a 2.
Pruébalo
Define dos registros con identificador, título y
completed.Implementa
toggle(id)en un ChangeNotifier.Expón un getter que filtre por
!completed.Observa el total antes y después de alternar
t1.
Error frecuente: reemplazar una tarea usando su posición después de filtrar. Corrígelo buscando por identificador estable y actualizando solo el registro coincidente.
Comprueba tu resultado
Antes de alternar, el resultado debe ser [Comprar pan] y total completado 1. Después de toggle('t1'), debe ser [] y total 2. Si alternas un identificador desconocido, la lista y el total deben permanecer sin cambios.

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.