Saltar al contenido principal

Mostrar imágenes desde internet

Cómo mostrar imágenes desde internet.

Mostrar imágenes es fundamental para la mayoría de las aplicaciones móviles. Flutter proporciona el Widget Image para mostrar diferentes tipos de imágenes.

Para trabajar con imágenes desde una URL, utiliza el constructor Image.network().

dart
Image.network('https://picsum.photos/250?image=9'),

Bonus: GIFs animados

#

Algo útil sobre el Widget Image: admite GIFs animados.

dart
Image.network(
  'https://docs.flutter.dev/assets/images/dash/dash-fainting.gif',
);

Desvanecimiento de imagen con marcadores de posición

#

El constructor Image.network predeterminado no maneja funcionalidades más avanzadas, como desvanecer las imágenes para que aparezcan gradualmente después de cargarse. Para lograr esta tarea, consulta Desvanecer imágenes con un marcador de posición.

Ejemplo interactivo

#