Arquitectura de Aplicaciones
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
Integrando Firebase Authentication, Cloud Firestore y Firebase Storage al proyecto
Integrando Firebase a Flutter para Android
Integrando Firebase a Flutter para iOS
Creación de Pantalla de Login con Flutter
Creando botones reutilizables en Flutter
Autenticación de Firebase con Google
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
¿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
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
Acceso a la cámara en Flutter
Librerías de acceso a Hardware en Flutter
Firebase Storage en Flutter
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
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
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
Conclusiones
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Aportes 10
Preguntas 1
Tambien se puede dejar un solo resultado para multiples “case” de esta manera:
switch (snapshot.connectionState) {
case ConnectionState.waiting:
case ConnectionState.none:
return CircularProgressIndicator();
case ConnectionState.active:
case ConnectionState.done:
return null;
}
Para no reescribir lineas de codigo
Puede pasarles (depende de la app que estén haciendo) que su aplicación no supere el ConnectionState.waiting y por tanto les muestre el CircularProgressIndicator, aún cuando superaron la autenticación satisfactoriamente.
La causa: Esto se debe a que se perdió la conexion con el BlocProvider.
La solucion esta aproximadamente en el minuto 5:10 de la clase anterior.
return BlocProvider<UserBloc> (
bloc: UserBloc(),
child: YourWidget(),
);
Wao este curso se pone cada vez más interesante
Si se les queda en el estado ConnectoinState.waiting, luego de actualizar las librerías con este manual
https://firebase.flutter.dev/docs/migration/#authentication
, me sirvió el siguiente código:
return StreamBuilder(
stream: userBloc.authStatusFirebase,
builder: (context, snapshot){
//snapshot contiene la data traida del stream.
if(!snapshot.hasData || snapshot.hasError){
return widgetLogin(size);
} else {
// Navigator.pop(context);
print("Logueado correctamente");
print("LOGIN ${snapshot.connectionState}");
print(snapshot.data);
return BlocProvider<UserBloc>(
bloc: UserBloc(),
child: Home(),
);
}
}
);
Espero les sirva.
Fatal el curso y todo. Hace 4 días que cambiaron la manera de acceder a Firebase desde Flutter y todo lo visto ni sirve ni ayuda porque no se hace igual… Un desastre y pérdida de tiempo.
que exprimida de cerebro de este curso.
Genial. gran clase
Por si se perdieron en el código aquí les dejo el repositorio del proyecto: https://github.com/anncode1/Curso-de-Flutter-Avanzado-en-Platzi/tree/12.SessionMonitoring
Excelente explicación
Meh! con dudas. Comienzo a confundirme mucho :S jajaja
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.