¿Cómo desactivo un botón en Flutter?

Estoy empezando a acostumbrarme a Flutter, pero tengo problemas para averiguar cómo configurar el estado habilitado de un botón.

En los documentos, dice establecer onPresseden nulo para deshabilitar un botón y darle un valor para habilitarlo. Esto está bien si el botón continúa en el mismo estado durante el ciclo de vida.

Tengo la impresión de que necesito crear un widget Stateful personalizado que me permita actualizar el estado habilitado del botón (o la devolución de llamada onPressed) de alguna manera.

Entonces mi pregunta es ¿cómo haría eso? Esto parece un requisito bastante sencillo, pero no puedo encontrar nada en los documentos sobre cómo hacerlo.

Gracias.

Creo que es posible que desee introducir algunas funciones auxiliares en buildsu botón, así como un widget con estado junto con alguna propiedad para eliminar.

• Use un StatefulWidget / State y cree una variable para mantener su condición (por ejemplo isButtonDisabled)
• Establezca esto en verdadero inicialmente (si eso es lo que desea)
• Al renderizar el botón, no establezca directamente elonPressed valor en ninguna nullfunción o en algunaonPressed: () {}
• En su lugar , configúrelo condicionalmente usando una función ternaria o auxiliar (ejemplo a continuación)
• Marque isButtonDisabledcomo parte de este condicional y devuelva nulluna función o alguna.
• Cuando se presiona el botón (o siempre que desee deshabilitar el botón) use setState(() => isButtonDisabled = true)para invertir la variable condicional.
• Flutter volverá a llamar al build()método con el nuevo estado y el botón se renderizará con un nullcontrolador de prensa y se desactivará.

Aquí hay más contexto usando el proyecto de contador 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,
    );
  }
}

En este ejemplo, estoy usando un ternario en línea para establecer condicionalmente el Texty onPressed, pero puede ser más apropiado que extraiga esto en una función (puede usar este mismo método para cambiar el texto del botón también):

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

Según los documentos:

"Si la devolución de llamada onPressed es nula, entonces el botón se desactivará y de forma predeterminada se parecerá a un botón plano en disabledColor".

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

Entonces, podrías hacer algo como esto:

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

La respuesta simple es onPressed : nullun botón desactivado.

Ajuste

onPressed: null // disables click

y

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

Para un número específico y limitado de widgets, envolverlos en un widget IgnorePointer hace exactamente esto: cuando su ignoringpropiedad se establece en verdadera, no se puede hacer clic en el sub-widget (en realidad, todo el subárbol).

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

De lo contrario, si tiene la intención de deshabilitar un subárbol completo, busque en AbsorbPointer ().

La funcionalidad de habilitar y deshabilitar es la misma para la mayoría de los widgets.

Ej. Botón, interruptor, casilla de verificación, etc.

Simplemente configure la onPressedpropiedad como se muestra a continuación

onPressed : nulldevuelve el widget deshabilitado

onPressed : (){}o onPressed : _functionNamedevuelve el widget habilitado

También puede usar AbsorbPointer, y lo puede usar de la siguiente manera:

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

Si quieres saber más sobre este widget, puedes consultar el siguiente enlace Flutter Docs

Esta es la forma más fácil en mi opinión:

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