Comment puis-je désactiver un Bouton dans le Flutter?

Je pense que vous pouvez introduire des fonctions d'aide à build votre bouton ainsi que d'un Stateful widget de pair avec une certaine propriété d'.

• Utiliser un StatefulWidget/de l'État et de créer une variable pour contenir votre état (par ex. isButtonDisabled)
• Définir à true dans un premier temps (si c'est ce que vous désirez)
• Lors du rendu du bouton, ne sont pas directement l'ensemble de la onPressed valeur soit null ou une fonction onPressed: () {}
• Au lieu, de manière conditionnelle à l'aide d'un ternaire ou une fonction d'assistance (exemple ci-dessous)
• Vérifier la isButtonDisabled dans le cadre de cette condition et retour soit null ou d'une fonction.
• Lorsque le bouton est enfoncé (ou chaque fois que vous voulez désactiver le bouton) utilisation setState(() => isButtonDisabled = true) pour inverser la variable de condition.
• Flutter va appeler le build() méthode à nouveau avec le nouvel état et le bouton sera affiché avec un null appuyez sur gestionnaire et être désactivé.

Ici, c'est peu plus de contexte à l'aide d'un battement de contre projet.

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

Dans cet exemple, je suis en utilisant une ligne ternaire de manière conditionnelle le Text et onPressed, mais il peut être plus approprié pour vous afin de l'extraire dans une fonction (vous pouvez utiliser cette même méthode pour changer le texte du bouton):

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

OriginalL'auteur Ashton Thomas

La réponse est simple, onPressed : null donne un bouton désactivé.

OriginalL'auteur Mercy peka

Vous pouvez activer ou désactiver les boutons, comme cet

RaisedButton(onPressed: () => isEnabled ? _handleClick : null) 

OriginalL'auteur CopsOnRoad