【Flutter】Buttonの有効化はどうするのでしょうか？

Question

実現したいこと

FlutterのElevatedButtonの無効化のやり方はわかるのですが、無効化したあとに再度有効化したいときにはどうすればいいのでしょうか？

Answer 1

onPressedをnullに設定するとDisableになり、関数を指定するとEnableになるかと思いますので、条件によってStateを切り替えるのが良いのではないでしょうか。

• How to conditionally change a button enable/disable state
• ElevatedButton

簡易的に上記のサンプルのコードを簡易的に書き換えたレベルですが、下のボタンをクリックすると、上のボタンのEnable / Disableが切り替わると思います。

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  bool _buttonState = false;

  @override
  Widget build(BuildContext context) {
    final ButtonStyle style =
        ElevatedButton.styleFrom(textStyle: const TextStyle(fontSize: 20));

    return Center(
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          ElevatedButton(
            style: style,
            onPressed: _buttonState ? (){} : null,
            child: const Text('Disabled'),
          ),
          const SizedBox(height: 30),
          ElevatedButton(
            style: style,
            onPressed: () {
              setState(() {
                _buttonState = !_buttonState;
              });
            },
            child: const Text('Enabled'),
          ),
        ],
      ),
    );
  }
}

Comments

[bbiiq]

そういうやり方があるんですね！
ありがとうございます。