Display images from the internet

Domains: Flutter

Displaying images is fundamental for most mobile apps. Flutter provides the Image widget to display different types of images.

To work with images from a URL, use the Image.network() constructor.

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

Bonus: animated gifs

One useful thing about the Image widget: It supports animated gifs.

Image.network(
  'https://github.com/flutter/plugins/raw/master/packages/video_player/doc/demo_ipod.gif?raw=true',
);

Placeholders and caching

The default Image.network constructor doesn’t handle more advanced functionality, such as fading images in after loading, or caching images to the device after they’re downloaded. To accomplish these tasks, see the following recipes:

Similar pages

Tap, drag, and enter text

Find widgets

An introduction to widget testing
Page structure
Concept map →
Terms

Flutter

It is an open-source UI software development kit created by Google. It is used to develop applications for Android, iOS, Windows, Mac, Linux, Google Fuchsia and the web.

Widget

have a different lifespan: they are immutable and only exist until they need to be changed. Are lightweight, in part due to their immutability. Describe what their view should look like given their current configuration and state.. When a widget’s state changes, the widget rebuilds its description, which the framework diffs against the previous description in order to determine the minimal changes needed in the underlying render tree to transition from one state to the next..