【Flutter】ボタンを押した時のエフェクトを消したい

IconButtonのタップ時やロングプレス時に表示されるエフェクトを消してみました。

1
IconButton(
2
  onPressed: () {},
3
  icon: const Icon(Icons.add),
4
  highlightColor: const Color(0x00FFFFFF),
5
  splashColor: const Color(0x00FFFFFF),
6
)

highlightColorとsplashColorに透明な色を設定しています。

全てのWidgetに適応する場合は、themeに設定します。

1
MaterialApp(
2
  title: 'Title',
3
  theme: ThemeData(
4
    highlightColor: const Color(0x00FFFFFF),
5
    splashColor: const Color(0x00FFFFFF),
6
  ),
7
  home: const HomePage(),
8
);