如何在 flutter 中设置整个应用程序的背景颜色

Question

is there a way to set whole app backgorundcolor in flutter. For example i want to use white background on all screens. so the first thing i do is manually setting background color to all screens. But i think its overkill. and i am looking for the a shortcut to achieve it.

i have tried below code but couldn't get achieve what i wanted.

  @override
  Widget build(BuildContext context) {
    return BlocProvider<SplashBloc>(
      bloc: splashBloc,
      child: MaterialApp(
        theme: new ThemeData(scaffoldBackgroundColor: Colors.white),
        home: Splash(),
      ),
    );
  }
}

Answer 1

In main.dart, use,

MaterialApp(
theme: ThemeData(
scaffoldBackgroundColor: Colors.white),
),

This will change the background color of the entire app provided you are returning Scaffold in the build Widget.

Answer 2

You use use the theme in your MaterialApp Widget to set up the theme colors for your entire app like so:

MaterialApp(
        theme: ThemeData(
          primaryIconTheme: IconThemeData(color: Colors.white),
          primaryColor: Color.fromRGBO(254, 248, 248, 1),
          appBarTheme: AppBarTheme(
            color: <color_of_choice>,
          ),
        ),

Your backgroundColor will assume the primaryColor above.

Read all about it here .