[Flutter]AppBarのアイコンの色を変えるには?

Flutter

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

AppBarのアイコンの色を変えるには、どうしたらいいのでしょうか?

スポンサーリンク

方法

        appBar: AppBar(
          leading: Icon(Icons.calendar_today),
          iconTheme: IconThemeData(
                 color: Colors.pink //アイコンの色
          ),
          title: Text('Sample'),
          actions: [
            Icon(Icons.settings)
            ],
        ),

AppBarのアイコンの色を変えるには、引数「iconTheme」を使います。

この引数に指定する「IconThemeData」の「colorプロパティ」で、アイコンの色を設定することが出来ます。

MaterialAppの引数「theme」を使うことで、全てのAppBarのアイコンに対して色を指定することも出来ます。

MaterialApp(
     theme: ThemeData(
          appBarTheme: AppBarTheme(
          backgroundColor: Colors.blue,
          foregroundColor: Colors.white //テキストとアイコンの色
          )
     )
)

コメント

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