Arquitectura de Aplicaciones
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Pasos para aprender Flutter Avanzado
¿Qué es una Arquitectura de software?
Tipos de Arquitecturas para Flutter
Arquitectura BLoC en Flutter
BLoC + Clean Architecture en Flutter
Estructurando nuestro proyecto utilizando la Arquitectura BLoC
Haciendo BLoC Singleton en Flutter
Aplicando Providers al Proyecto
Firebase y Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Integrando Firebase Authentication, Cloud Firestore y Firebase Storage al proyecto
Integrando Firebase a Flutter para iOS
Integrando Firebase a Flutter para Android
Creación de Pantalla de Login con Flutter
Creando botones reutilizables en Flutter
Autenticación de Firebase con Google
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Implementando Firebase Authentication en BLoC Pattern
Streams en Flutter
Manejando una sesión con Firebase Authentication y Flutter
Implementando Google SignOut en BLoC
Implementando Google SignOut en View
Monitoreando y validando la conexión al Sign con Google
Mostrando los datos de usuario de Google en la interfaz en Flutter
Cloud Firestore de Firebase en Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
¿Qué es Cloud Firestore de Firebase?
Analizando un modelo de datos no relacional
Creando un Modelo de datos en Cloud Firestore
Enviando datos a Cloud Firestore
Creando un Widget gradiente personalizado
Manejo de Desbordamiendo de Texto de Widget Text
Botón de Back en un Appbar en Flutter
Navegación entre pantallas en Flutter
Widget Text Appbar personalizado en Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Widget TextField personalizado en Flutter
Creando una Safe Area para una interfaz que tiene un AppBar
Widget TextField con iconos en Flutter
Retocando el CardView
Mostrando imágenes en un CardView
Creando un botón de Submit en Flutter
Envío de datos de un fórmulario en Flutter
Subiendo datos a Firestore de Firebase
Formularios en Flutter
Acceso al Hardware con Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Acceso a la cámara en Flutter
Librerías de acceso a Hardware en Flutter
Firebase Storage en Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Qué es y cómo funciona Firebase Storage en Flutter
Subiendo una imagen a Firebase Storage desde Flutter
Querys avanzados en Cloud Firestore de Firebase en Flutter
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Manejo de imágenes en Cloud Firestore
Cloud Firestore insertando referencias y arrays en la base de datos
Descargar imágenes de Firebase Storage y mostrarlas en Flutter
Procesando datos con BLoC Pattern
Trayendo datos de Cloud Firestore
Persistiendo datos de un usuario logueado
Aplicando Filtros en Cloud Firestore
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Construyendo los Places en la pantalla de Home
Mostrando los Places en la pantalla de Home
Actualizando datos en tiempo real
Manejando la lógica de likes, como botón toggle.
Insertando y obteniendo referencias en datos de Firestore.
Usando el caché para cargar imágenes más rápido
StreamController, sink, add y StreamBuilder
Conclusiones
¡Renovaremos este curso! Te quedan unos días para concluirlo.
Conclusiones
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 10
Preguntas 1
Ahora la forma de acceder a los datos del snapshot es
placeListSnapshot.forEach((p) {
cardProfilePlaces.add(CardProfile(Place(
name: p['name'],
description: p['description'],
urlImage: p['urlImage'],
likes: p['likes'])));
});
Si les marca error en p.data[‘name’], agreguen el parentesis despues de data:
profilePlaces.add(ProfilePlace(
Place(
name: p.data()['name'],
description: p.data()['description'],
urlImage: p.data()['urlImage'])
));
Si desean saber un poco más de BloC aquí les dejo un link:
https://medium.com/comunidad-flutter/implementa-arquitectura-a-tu-proyecto-flutter-usando-el-patrón-bloc-2cb031722166
Las listas tambien se pueden inicializar con []
List<ProfilePlace> profilePlaces = [];
En el placeListStream que hemos programado, la manera en que se estan recuperando los datos tiene un problema. Dado que no se esta efectuando un filtro para la “collection”. Si entramos con otro usuario diferente al que hemos estado usando para añadir los registros, TAMBIÉN LE VAN A APARECER LOS REPORTES DEL OTRO USUARIO. Para arreglar eso se debe modificar el stream de la siguiente manera:
Stream<QuerySnapshot> placesListStream = FirebaseFirestore.instance.collection(CloudFirestoreAPI().PLACES).where("userOwner", isEqualTo: _db.doc("users/${FirebaseAuth.instance.currentUser!.uid}")).snapshots();
He instanciado “_db” fuera de la clase ya que me marcaba error, justo debajao de donde se importan las librerias.
final FirebaseFirestore _db = FirebaseFirestore.instance;
Es importante construir el valor con “_db” ya que el valor del userOwner al ser del tipo “referencia” solo nos lo filtrara si lo que le pasamos es del tipo referencia.
Y de esta manera nos evitamos filtrar en el ciclo for, que a largo plazo sería más costoso si los usuarios y reportes crecen porque estaríamos iterando en TODOS LOS REPORTES DE TODOS LOS USUARIOS.
En julio de 2022
Si les marca error cuando hacen :
userBloc.buildPlaces(snapshot.data.documents)
en julio de 2022 la manera correcta es:
userBloc.buildPlaces(snapshot.data.docs)
"Una vez que ya queda lista la lista", el mejor momento del curso!! XD
me gustaria saber si es buena practica esto de usar el widget ProfilePlace desde el cloud_firestore?
Segun lo que recuerdo de la arquitectura esto rompe completamente, seguramente funciona, pero por que hacerlo asi
O es la unica manera?
Tengo un error que aún no puedo resolver.
type 'DocumentReference' is not a subtype of type 'User'
Es a la hora de hacer la llamada a userBloc.buildPlaces(snapshot.data.documents);
Aquí me perdí un poco otra vez pues omití varias clases xD y me confundí u.u.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.