Curso Flutter 0 a experto - 151 - Curso Flutter 🐦 _Toggle Favorite ❤️ Implementando la lógica en la UI de MovieScreen

Domina Flutter desde cero: Aprende a crear apps innovadoras con Dart, optimiza interfaces, gestiona el estado y personaliza tu aplicación para llevar tus habilidades de desarrollo al siguiente nivel. ¡Empieza a programar con Cry Code!

5.0 (0)

8 learners

What you'll learn

Configurar e instalar Flutter en macOS y preparar simuladores para iOS y Android
Aprender a utilizar atajos de Flutter y Dart para optimizar el desarrollo
Dominar la creación de proyectos y estructuración de carpetas en Flutter
Manejar el estado y la navegación en aplicaciones Flutter usando Provider y GoRouter

This course includes

43.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

flutter tutorial flutter widgets flutter flutter tutorial for beginners dart flutter ui speed code flutter apps coding an app dart tips and tricks pr_pr: flutter; flutter full course flutter desde cero

Full Transcript

¡Clase número 151 del curso! 🎉 En este video conectaremos toda la lógica del sistema de favoritos directamente con la interfaz de usuario en la MovieScreen. Ahora que el provider y el repositorio están listos, es momento de que el botón de “Like ❤️” funcione de verdad sobre cada película. 🧠 Verás paso a paso: 🎯 Obtener el estado del favorito con isFavorite(movieId) usando Riverpod 🔘 Cambiar dinámicamente el ícono según el estado (❤️ / 🤍) 👆 Llamar a toggleFavorite(movie) desde el botón de la UI 🔄 Escuchar cambios reactivos para actualizar la pantalla automáticamente 🧩 Integrar correctamente MovieScreen con FavoritesProvider ⚡ Evitar reconstrucciones innecesarias mediante ref.watch y ref.read 📱 Probar la UX completa del like al instante 🎯 Con esto lograrás: ✅ Una MovieScreen totalmente reactiva ✅ El botón de favoritos funcionando al 100% ✅ Sincronización en tiempo real entre UI ↔ Provider ↔ SQLite ✅ Una experiencia fluida y profesional al marcar/desmarcar películas 📂 Repositorio del curso actualizado con lógica de UI: https://github.com/Isnotcristhianr/Flutter_course