Set background image to Flutter App

Dhruvil Patel answered on June 12, 2021 Popularity 10/10 Helpfulness 4/10

answer Set background image to Flutter App

related flutter background image

related How do I Set Background image in Flutter?

Set background image to Flutter App

Comment

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Material App',
        home: Scaffold(
            resizeToAvoidBottomInset: false,
            appBar: AppBar(
              title: Text('Background'),
            ),
            body: Container(
                constraints: BoxConstraints.expand(),
                decoration: BoxDecoration(
                    image: DecorationImage(
                        image: AssetImage("images/app_bg.jpg"),
                        fit: BoxFit.cover)),
                child: TextField(decoration: InputDecoration(fillColor: Colors.amber,filled: true),))));
  }
}

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: mightytechno.com

Tags: background-image flutter set whatever

Link to this answer
Share Copy Link

Contributed on Dec 02 2022

Dhruvil Patel

0 Answers Avg Quality 2/10

Closely Related Answers

flutter background image

Comment

Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Container(
        decoration: BoxDecoration(
            image: DecorationImage(
                image: AssetImage("images/logo.png"), fit: BoxFit.cover)),
        child: Scaffold(),),);

Popularity 10/10 Helpfulness 8/10 Language whatever

Source: Grepper

Tags: background-image back

Link to this answer
Share Copy Link

Contributed on Jun 12 2021

Worried Weevil

0 Answers Avg Quality 2/10

How do I Set Background image in Flutter?

Comment

if you want the image to fill the entire screen you can use a DecorationImage with a fit of BoxFit.cover.
// Learn Flutter inside VS Code at sideguide.dev/courses/flutter?ref=grepper
class BaseLayout extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("assets/images/bulb.jpg"),
            fit: BoxFit.cover,
          ),
        ),
        child: null /* add child content here */,
      ),
    );
  }
}

Popularity 10/10 Helpfulness 6/10 Language whatever

Source: Grepper

Tags: background-image back

Link to this answer
Share Copy Link

Contributed on Jun 30 2022

Tough Trout

0 Answers Avg Quality 2/10

Set background image to Flutter App

Contents

More Related Answers

Set background image to Flutter App

Closely Related Answers

flutter background image

How do I Set Background image in Flutter?

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.