A los que esten haciendo el curso ahora, les aviso que ya no sirve el snapshot.data.documents. Basicamente porque documents cambio por docs, solo deben hacer ese cambio y les funcionara tranquilamente. Saludos
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
¡Renovaremos este curso! Te quedan unos dÃas para concluirlo.
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
Si ya tienes una cuenta,
Iniciar sesión
Trayendo datos de Cloud Firestore
57/69Recursos
Aportes 10
Preguntas 3
Ordenar por:
Falta indicarle al usuario que se esta subiendo la imagen e impedir que suba miles de imágenes por NO desactivar el botón de agregar el lugar 😃
para los que llegamos aqui, aca les dejo el repositorio en el commit exacto donde acaba esta clase ya funcionando y mostrando la lista de Places, espero les sirva
Mi Proyecto
Comparto mi capirotada: flutter + Firebase Authentication + Firestorage + Mongodb.
Nota. Tuve problemas para usar database de firebase.
Pueden reducir el código dentro de la función builder del StreamBuilder asi:
switch (snapshot.connectionState) {
case ConnectionState.waiting:
case ConnectionState.none:
return new CircularProgressIndicator();
default:
return Column(
children: userBloc.buildPlaces(snapshot.data.documents),
);
}
Para la imagen, utilice Image.network y he incluido un CircularProgressIndicator() que aparece mientras carga la imagen en el LISTADO de Places. El detalle que no solucioné fue el de los bordes redondeados, aun si lo pusiera dentro de un Container(), la imagen no redondeaba los bordes.
aquà la fuente:
Flutter.dev
Image.network(
widget.receipt.photoUrl,
fit: BoxFit.cover,
loadingBuilder: (BuildContext context, Widget child,
ImageChunkEvent loadingProgress){
if (loadingProgress == null) return child;
return Center(
child: CircularProgressIndicator(
value: loadingProgress.expectedTotalBytes != null ? loadingProgress.cumulativeBytesLoaded / loadingProgress.expectedTotalBytes : null,
),
);
},
),
Me da este error o advertencia, donde me dice que el children != null, ya hice de todo para que me funcione, me pueden ayudar por favor y muchas gracias.
userBloc = BlocProvider.of(context);
return Container(
margin: EdgeInsets.only(top: 10.0, left: 20.0, right: 20.0, bottom: 10.0),
child: StreamBuilder(
stream: userBloc.placesStream,
builder: (context, AsyncSnapshot snapshot) {
switch (snapshot.connectionState) {
case ConnectionState.waiting:
case ConnectionState.none:
return CircularProgressIndicator();
default:
return Column(
children: userBloc.buildPlaces(snapshot.data.docs),
);
}
}),
);
:S :S al fin quedó!
Me sale este error:
a non-null string must be provided to a text widget
.
.
no me sale nada en el name de la pantalla
Si a alguien se sigue saliendo error despues de agregar la url de la imagen, yo solo verifique que no fuera null y ya no me marco error en profile_places_list.dart
child: StreamBuilder(
stream: userBloc.placesListStream,
builder: (context, AsyncSnapshot snapshot) {
if (snapshot != null) { <-----------
switch (snapshot.connectionState) {```
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.