[Flutter]アイコンボタン(IconButton)にリップルエフェクトを付ける方法

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

アイコンボタンにリップルエフェクトをつける方法を紹介します。

方法

アイコンボタンにリップルエフェクトを追加するには、引数「splashColor」を使います。

引数「splashColor」に、透明色以外の色を指定することで、リップルエフェクトが追加されます。

IconButton(
  onPressed: () {},
  icon: Icon(Icons.favorite_outline),
  splashColor: Colors.pink,
)