[Flutter]FloatingActionButtonのタップ中の色を変えるには？

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

FloatingActionButtonのタップ中の色を変える方法を紹介します。

方法

FloatingActionButtonのタップ中の色を変えるには、まずFloatingActionButtonを「Theme」の「child」にします。

次に、「Theme」の「data」に「Theme.of(context).copryWith()」を指定します。

そして、「copyWith」の引数「highlightColor」に、タップ中の色を設定します。

Theme(
  data: Theme.of(context).copyWith(highlightColor: Colors.pink),
  child: FloatingActionButton(
    onPressed: () {},
    child: Icon(Icons.add),
  ),
)