The flutter image download and display development tutorial describes, how to download a remote image and then display it in the flutter application. This flutter tutorial is part of a series of episodes describing how to switch between widgets. There is an equivalent Kotlin on Android series here.
By default when an image is downloaded it will be cached to the device’s memory for faster reloading.
If this is your first time using flutter and or dart, there is an intro flutter tutorial series here.
Pre-requisites
Knowledge of the dart programming language is not required, but the experience of an object orientated programming language is recommended. Such as Java, C++, Kotlin, Swift to name a few.
Introduction
In this flutter development tutorial we will cover:
- Creating Stateful & Stateless widgets
- Usage of the Image widget
- Image resize options
- Download with Image network constructor
Episodes
Conclusion
In this flutter development tutorial, we descibed how to Image network widget constructor for displaying an image.
The fit property was also used to fit the image to cover all the available screen real estate.
In the following flutter development tutorial, we will describe how to add a popup menu to the app bar for switching between images.