Display Network Image in Flutter


In this article, we’re going to learn, how to display images from a network in your flutter app.

Getting Started

First, create a new project & change your working directory

flutter create testproj
<span class="hljs-built_in">cd</span> testproj

To display network Image, you need to use a widget called Image.network() It requires src and other properties as optional.

Image.network("URL", height: 200, width:200)

Display network image Example

    body: Container(
     child: Center(
      child: Image.network(
       height: 100,
       width: 100,
display network image
display network image