[Flutter]AppBarの背景色を変えるには?

Flutter

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

AppBarの背景色を変えるには、どうしたらいいのでしょうか?

スポンサーリンク

方法

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.yellow,
      ),
      body: Center(
             ・・・
      ),
    );
  }

AppBarの背景色を変えるには、引数「backgroundColor」を使います。

この引数に、指定した色が、AppBarの背景色になります。

AppBarの背景色を変える方法としては、MaterialAppのThemeを使う方法もあります。

Themeの「primaryColor」を使うことで、全てのAppBarの背景色を設定することが出来ます。

コメント

タイトルとURLをコピーしました