How to add a background image to flutter app

Question

Hi Guys,

I am new to Flutter App. I want to add one background image to my App. How can I do that?

Answer 1

Hi@akhtar,

Scaffold doesn't support any concept of a background image. What you can do is give the Scaffold a transparent color and put it in a Container and use the decoration property to pull in the required background image. You can see the below code.

Container(
          decoration: BoxDecoration(
              image: DecorationImage(
                  image: AssetImage(
                     "images/background.jpg")
                      .image,
                  fit: BoxFit.cover))
)

To know more, join our Flutter Certification today.