Como desativo um botão no Flutter?

Estou apenas começando a pegar o jeito do Flutter, mas estou tendo problemas para descobrir como definir o estado ativado de um botão.

Nos documentos, ele diz para definir onPressedcomo nulo para desativar um botão e dar a ele um valor para ativá-lo. Isso é bom se o botão continuar no mesmo estado durante o ciclo de vida.

Tenho a impressão de que preciso criar um widget Stateful personalizado que me permitirá atualizar o estado ativado do botão (ou retorno de chamada onPressed) de alguma forma.

Então, minha pergunta é como eu faria isso? Parece um requisito bastante simples, mas não consigo encontrar nada nos documentos sobre como fazer isso.

Obrigado.

Acho que você pode querer introduzir algumas funções auxiliares em buildseu botão, bem como um widget Stateful junto com algumas propriedades para desligar.

• Use um StatefulWidget / State e crie uma variável para manter sua condição (por exemplo isButtonDisabled)
• Defina isso como verdadeiro inicialmente (se for o que você deseja)
• Ao renderizar o botão, não defina diretamente oonPressed valor para uma nullou outra funçãoonPressed: () {}
• Em vez disso , defina-o condicionalmente usando uma função ternária ou auxiliar (exemplo abaixo)
• Verifique o isButtonDisabledcomo parte desta condição e retorne uma nullou alguma função.
• Quando o botão é pressionado (ou sempre que você deseja desabilitar o botão), use setState(() => isButtonDisabled = true)para inverter a variável condicional.
• Flutter irá chamar o build()método novamente com o novo estado e o botão será renderizado com um nullmanipulador de pressão e desabilitado.

Aqui está um pouco mais de contexto usando o projeto Contador de oscilação.

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

Neste exemplo, estou usando um ternário in-line para definir condicionalmente o Texte onPressed, mas pode ser mais apropriado para você extrair isso em uma função (você pode usar o mesmo método para alterar o texto do botão também):

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

De acordo com a documentação:

"Se o retorno de chamada onPressed for nulo, o botão será desativado e, por padrão, se parecerá com um botão plano na disabledColor."

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

Então, você pode fazer algo assim:

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

A resposta simples é onPressed : nullfornecer um botão desativado.

Configuração

onPressed: null // disables click

e

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

Para um número específico e limitado de widgets, envolvê-los em um widget IgnorePointer faz exatamente isso: quando sua ignoringpropriedade é definida como true, o sub-widget (na verdade, a subárvore inteira) não é clicável.

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

Caso contrário, se você pretende desabilitar uma subárvore inteira, procure em AbsorbPointer ().

A funcionalidade Habilitar e Desabilitar é a mesma para a maioria dos widgets.

Ex: botão, interruptor, caixa de seleção etc.

Basta definir a onPressedpropriedade conforme mostrado abaixo

onPressed : nullretorna widget desativado

onPressed : (){}ou onPressed : _functionNameretorna widget Ativado

Você também pode usar o AbsorbPointer da seguinte maneira:

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

Se você quiser saber mais sobre este widget, você pode verificar o seguinte link Flutter Docs

Esta é a maneira mais fácil na minha opinião:

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