Flutterでボタンを無効にするにはどうすればよいですか？

Flutterのコツをつかみ始めたばかりですが、ボタンの有効状態を設定する方法を理解できません。

ドキュメントから、それはonPressedボタンを無効にするためにnull に設定し、それを有効にするために値を与えると言います。ボタンがライフサイクルの間同じ状態を継続する場合、これは問題ありません。

ボタンの有効な状態（またはonPressedコールバック）を何らかの方法で更新できるようにするカスタムステートフルウィジェットを作成する必要があるという印象を受けました。

だから私の質問はどうすればいいですか？これはかなり簡単な要件のように見えますが、それを行う方法に関するドキュメントには何も見つかりません。

ありがとう。

buildボタンにいくつかのヘルパー関数と、キーオフするいくつかのプロパティと共にステートフルウィジェットを導入したいと思うかもしれません。

• StatefulWidget / Stateを使用して、条件を保持する変数を作成します（例isButtonDisabled）
• これを最初にtrueに設定します（必要な場合）。
• ボタンをレンダリングするとき、onPressed値をいずれかnullまたは何らかの関数に直接設定しないでくださいonPressed: () {}
• 代わりに、3項関数またはヘルパー関数を使用して条件付きで設定します（以下の例）
• isButtonDisabledこの条件の一部としてを確認し、いずれかnullまたは一部の関数を返します。
• ボタンが押されたとき（またはボタンを無効にしたいときはいつでも）を使用setState(() => isButtonDisabled = true)して、条件変数を反転します。
• Flutterはbuild()新しい状態でメソッドを再度呼び出し、ボタンはnullプレスハンドラーでレンダリングされて無効になります。

以下は、Flutterカウンタープロジェクトを使用したいくつかのコンテキストです。

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  bool _isButtonDisabled;

  @override
  void initState() {
    _isButtonDisabled = false;
  }

  void _incrementCounter() {
    setState(() {
      _isButtonDisabled = true;
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("The App"),
      ),
      body: new Center(
        child: new Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            new Text(
              'You have pushed the button this many times:',
            ),
            new Text(
              '$_counter',
              style: Theme.of(context).textTheme.display1,
            ),
            _buildCounterButton(),
          ],
        ),
      ),
    );
  }

  Widget _buildCounterButton() {
    return new RaisedButton(
      child: new Text(
        _isButtonDisabled ? "Hold on..." : "Increment"
      ),
      onPressed: _isButtonDisabled ? null : _incrementCounter,
    );
  }
}

この例では、インライン3項を使用してTextand を条件付きで設定していonPressedますが、これを関数に抽出する方が適切な場合があります（この同じメソッドを使用してボタンのテキストを変更することもできます）。

Widget _buildCounterButton() {
    return new RaisedButton(
      child: new Text(
        _isButtonDisabled ? "Hold on..." : "Increment"
      ),
      onPressed: _counterButtonPress(),
    );
  }

  Function _counterButtonPress() {
    if (_isButtonDisabled) {
      return null;
    } else {
      return () {
        // do anything else you may want to here
        _incrementCounter();
      };
    }
  }

ドキュメントによると：

「onPressedコールバックがnullの場合、ボタンは無効になり、デフォルトでは、disabledColorのフラットボタンのようになります。」

https://docs.flutter.io/flutter/material/RaisedButton-class.html

だから、あなたはこのようなことをするかもしれません：

    RaisedButton(
      onPressed: calculateWhetherDisabledReturnsBool() ? null : () => whatToDoOnPressed,
      child: Text('Button text')
    );

簡単な答えはonPressed : null無効なボタンを与えることです。

設定

onPressed: null // disables click

そして

onPressed: () => yourFunction() // enables click

特定の限られた数のウィジェットの場合、ウィジェットをIgnorePointerでラップすると、まさにこれignoringが行われます。そのプロパティがtrueに設定されている場合、サブウィジェット（実際には、サブツリー全体）はクリックできません。

IgnorePointer(
    ignoring: true, // or false
    child: RaisedButton(
        onPressed: _logInWithFacebook,
        child: Text("Facebook sign-in"),
        ),
),

そうでなければ、サブツリー全体を無効にするつもりなら、AbsorbPointer（）を調べてください。

有効化と無効化の機能は、ほとんどのウィジェットで同じです。

例、ボタン、スイッチ、チェックボックスなど。

onPressed以下のようにプロパティを設定するだけです

onPressed : null無効なウィジェットを返します

onPressed : (){}またはEnabledウィジェットをonPressed : _functionName返します

AbsorbPointerを使用することもでき、次のように使用できます。

AbsorbPointer(
      absorbing: true, // by default is true
      child: RaisedButton(
        onPressed: (){
          print('pending to implement onPressed function');
        },
        child: Text("Button Click!!!"),
      ),
    ),

このウィジェットについて詳しく知りたい場合は、次のリンクをチェックしてくださいFlutter Docs

これは私の意見では最も簡単な方法です：

RaisedButton(
  child: Text("PRESS BUTTON"),
  onPressed: booleanCondition
    ? () => myTapCallback()
    : null
)