How to add one image in Flutter App

Question

Hi Guys,

I have created one App using Flutter Framework. In the body part, I want to add one image. How can I do that?

Answer 1

Hi@akhtar,

You can use Image.network() method to add one image in the body part. It creates a widget that displays an ImageStream obtained from the network. I have attached one example below for your reference.

var url =
      'https://raw.githubusercontent.com/nadim70/flutter/master/';
  var MyImage = Image.network(
    url,
    width: double.infinity,
    height: double.infinity,
  );

var myhome = Scaffold(
    appBar: myappBar,
    body: MyImage,
    backgroundColor: Colors.grey.shade400,
  );

To know more about Flutter, join our Flutter Certification today.