Set Background Color of Scaffold Widget Main Home Screen in Flutter

Scaffold widget is a material design widget for simple and better first page view. Scaffold widget supports multiple type of argument and one them is backgroundColor. backgroundColor is used to Set Background Color of Scaffold Widget Main Home Screen in Flutter android iOS mobile application. We can change the complete application home screen background color using this.

Contents in this project Set Background Color of Scaffold Widget Main Home Screen in Flutter:

1. Import material.dart package in your main.dart file.

import 'package:flutter/material.dart';

1	import 'package:flutter/material.dart';

2. Create the Void Main() function and call our main MyApp class using runApp() method.

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

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

3. Create our main View class named as MyApp extends with StatelessWidget.

class MyApp extends StatelessWidget {

}

class MyApp extends StatelessWidget {

}

4. Create Widget build method in MyApp class.

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: 
             
         );
  }
}

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(

home:

);

}

5. Create Scaffold widget in home section of Material App.

backgroundColor : Used to set the background color of complete app home screen.

Here Color format is 0xff + HEX Color code.

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
            backgroundColor: Color(0xff84FFFF),
            body: SafeArea(
              child: Center(
                      child: (  Text('Set Scaffold Background Color')  )
                        )
                    )
                )
            );
  }
}

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(

home: Scaffold(

backgroundColor: Color(0xff84FFFF),

body: SafeArea(

child: Center(

child: ( Text('Set Scaffold Background Color') )

)

);

}

6. Complete source code for main.dart file:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
            backgroundColor: Color(0xff84FFFF),
            body: SafeArea(
              child: Center(
                      child: (  Text('Set Scaffold Background Color')  )
                        )
                    )
                )
            );
  }
}