[Flutter]アイコンボタン(IconButton)に枠線を付ける方法

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

アイコンボタンに枠線を付ける方法を紹介します。

方法

アイコンボタンに枠線を付けるには、Containerウェジェットを使います。

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

そして、Containerウェジェットの引数「decoration」に指定する「BoxDecoration」クラスで枠線の設定をします。

Container(
  decoration: BoxDecoration(
    border: Border.all(
        color: Colors.blue, //枠線の色
        width: 4,//枠線の太さ
    ),
  ),
  child: IconButton(
    icon: Icon(Icons.check),
    onPressed: () {},
  ),
)