how to change background color flutter code example

Example 1: how to give your app background colour in flutter

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        backgroundColor: Color(0xff00BCD1),
        appBar: AppBar(
          title: Text('Flutter Screen Background Color Example'),
        ),
        body: Center(child: Body()),
      ),
    );
  }
}

/// This is the stateless widget that the main application instantiates.
class Body extends StatelessWidget {
  
  Widget build(BuildContext context) {
    return Text('How Are You?');
  }
}

Example 2: how to change background color in flutter theme

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        canvasColor: Colors.green,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text('Changing background color using theme'),
        ),
        body: Container(
        	child: Center(
            	child: Text('Some widget goes here.')
            )
        ),
      ),
    );
  }
}

Example 3: flutter scaffold background color

import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
  
    Widget build(BuildContext context) {

      return new MaterialApp(
        title: 'Testing',
        home: new Scaffold(
        //Here you can set what ever background color you need.
          backgroundColor: Colors.white,
        ),
      );
    }
}

Tags:

Dart Example