[Flutter]ElevatedButtonを無効にする方法

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

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

方法

ElevatedButtonを無効にするには、引数「onPressed」に「null」を指定します。

ElevatedButton(
     onPressed: null,
     child: Text('無効'),
)

もし、無効と有効を切り替えるならば、条件分岐を使います。

bool isDisabled = true;

・・・

ElevatedButton(
     onPressed: isDisabled ? null : () {},
     child: Text('無効'),
)

まとめ

ElevatedButtonを無効にするには、引数「onPressed」に「null」を指定します。

もし、有効と無効を切り替えるなら三項演算子で条件分岐をします。