[Flutter]アイコンボタン(IconButton)を無効にする方法

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

IconButtonを無効にする方法を紹介します。

方法

アイコンボタンを無効にするには、引数「onPressed」に「null」を指定します。

IconButton(
  onPressed: null,
  icon: Icon(Icons.add_a_photo),
)

もし、アイコンボタンを無効にするかどうかを判断させたい場合は、三項演算子を使います。

IconButton(
  onPressed: _isDisabled ? null : () {},
  icon: Icon(Icons.add_a_photo),
)

まとめ

アイコンボタンを無効にするには、引数「onPressed」に「null」を指定します。

もし、有効かどうかを切り替えたい場合は、三項演算子を使います。