Wie deaktiviere ich einen Button in Flutter?

Ich denke, dass Sie einige Hilfsfunktionen für build Ihrer Schaltfläche sowie ein Stateful-Widget zusammen mit einer Eigenschaft zum Abschalten einführen möchten.

• Verwenden Sie StatefulWidget/State und erstellen Sie eine Variable, die Ihre Bedingung enthalten soll (z. B. isButtonDisabled).
• Setzen Sie diese Einstellung zunächst auf "true" (wenn Sie dies wünschen)
• Beim Rendern der Schaltfläche setze onPressed nicht direkt Wert entweder auf null oder auf eine Funktion onPressed: () {}.
• Statt, setze es unter Verwendung einer Ternär- oder Hilfsfunktion bedingt (siehe Beispiel unten)
• Überprüfen Sie das isButtonDisabled als Teil dieser Bedingung und geben Sie entweder null oder eine Funktion zurück.
• Wenn die Taste gedrückt wird (oder wann immer Sie die Taste deaktivieren möchten), verwenden Sie setState(() => isButtonDisabled = true), um die bedingte Variable umzukehren.
• Flatter ruft die build()-Methode erneut mit dem neuen Status auf und die Schaltfläche wird mit einem null-Pressehandler gerendert und deaktiviert.

Hier ist ein weiterer Kontext mit dem Flutter Counter-Projekt.

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,
    );
  }
}

In diesem Beispiel verwende ich ein Inline-Ternär, um die Variablen Text und onPressed bedingt festzulegen, es kann jedoch sinnvoller sein, diese Funktion in eine Funktion zu extrahieren (mit derselben Methode können Sie auch den Text der Schaltfläche ändern):

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();
      };
    }
  }