[Flutter]アイコンボタン(IconButton)の背景色を設定する方法

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

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

方法

IconButtonを、Inkウェジェットの「child」に指定します。

そして、Inkの引数「color」で色を設定します。

Ink(
  color: Colors.blue, //背景色
  child: IconButton(
    onPressed: () {},
    icon: Icon(Icons.search),
    padding: EdgeInsets.all(20),
  ),
)

Inkの引数「color」に指定した色が背景色になります。

まとめ

IconButtonの背景色を設定するには、「Ink」ウェジェットを使います。

Inkウェジェットの引数「color」で背景色を設定することが出来ます。