CODEWITHSUNDEEP
flutterscaffold
Chen Li Yong
Chen Li Yong

Reputation: 6087

In Flutter, how do you set *all* the scaffold background color at once?

Currently, I set background color of each screen using this:

  @override
  Widget build(BuildContext context) => Scaffold(
    backgroundColor: Colors.white,
    body: ...
  );

Every time I create new screen, I always forgot to add this background color setter. This is a minor inconvenience, but I really appreciate if there's a method to set this background color once for all screens, unless overridden by backgroundColor property of specific Scaffold. I have tried to set the color on MaterialApp's color property, but it doesn't look like it has any effect.

Upvotes: 6

Views: 4232

Answers (1)

Alexander Melnikov
Alexander Melnikov

Reputation: 251

You should pass custom ThemeData with background color parameter overwritten to you MaterialApp, so this will do the trick:

return MaterialApp(
        // your other app initialization code
        theme: ThemeData(scaffoldBackgroundColor: Colors.white),
    );

You can read more about ThemData and flutter app theming in the official documentation https://flutter.dev/docs/cookbook/design/themes

Upvotes: 6

Related Questions