Flutter アイコン(Icon)の背景色を設定する方法

2023年9月9日

環境
Windows11 pro 64bit
Flutter 3.3.7

1.Inkを使う方法
説明
InkのchildにIconウェジェットを指定します。
Inkの引数「color」に背景色を指定します。
サンプルコード

Ink(
  color: Colors.yellow, //背景色
  child: Icon(
    Icons.flutter_dash,
    color: Colors.white,
    size: 150,
  ),
),

2.Containerを使う方法
説明
Containerの引数「child」にIconウェジェットを指定します。
Containerの引数「color」に背景色を指定します。
サンプルコード

Container(
  color: Colors.gray, //背景色
  child: Icon(
    Icons.flutter_dash,
    color: Colors.white,
    size: 200,
  ),
),

Posted by arkgame