Usando el caché para cargar imágenes más rápido

Curso Avanzado de Flutter

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

Sobre lo que llevamos construido en nuestra aplicación notarás que las imágenes de las listas tardan en mostrarse.

...

Regístrate o inicia sesión para leer el resto del contenido.

Aportes 7

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Héctor Padilla

hace 4 años

No olvides anadir

internet: false,

AddPlaceScreen

CardImageList

En este punto las imagenes siguen siendo Assets y las estamos declarando como Network con:

bool internet = true;

Nicolas Sicard Salazar

hace 2 años

Que mala clase

Javier Batres

hace 4 años

En el constructor del Card image podemos agregar que por defecto el internet sea false o true.

const CardImageWithFabIcon(
      {Key key,
      this.height = 350,
      this.width = 250,
      this.marginLeft = 20,
      this.pathImage = "assets/img/beach.jpeg",
      this.internet = false,
      this.onPressedFabIcon,
      @required this.icon})
      : super(key: key);