[Flutter]Scaffoldの背景色(background color)をTheme(テーマ)で設定するには？

[Flutter]Scaffoldの背景色をThemeで設定するには？

Flutter

2021.12.13

どうも、ちょげ(@chogetarou)です。

Scaffoldの背景色をThemeで設定する方法を紹介します。

方法

Scaffoldの背景色をThemeで設定するには、ThemeDataを使います。

具体的には、ThemeDataの引数「scaffoldBackgroundColor」にScaffoldの背景色を指定します。

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        scaffoldBackgroundColor: /*Scaffoldの背景色*/,
      ),
      title: 'Flutter Demo',
      home: Scaffold(
        body: Home(),
      ),
    );
  }

ThemeDataの引数「scaffoldBackgroundColor」を使えば、Scaffoldの背景色をThemeで設定することが出来ます。