Як відключити кнопку "Flutter"?

Я тільки починаю зависати від Flutter, але у мене виникають проблеми з розумінням, як встановити ввімкнений стан кнопки.

У документах написано встановити onPressedзначення "null", щоб відключити кнопку, і надати їй значення, щоб увімкнути її. Це добре, якщо кнопка продовжує перебувати у тому ж стані протягом життєвого циклу.

У мене складається враження, що мені потрібно створити спеціальний віджет Stateful, який дозволить мені якось оновити ввімкнений стан кнопки (або onPress callback).

Тож моє запитання - як би я це зробив? Це здається досить простою вимогою, але я не можу знайти нічого в документах, як це зробити.

Дякую.

Думаю, ви можете ввести кілька допоміжних функцій у buildвашу кнопку, а також віджет Stateful разом із деяким властивістю, яке потрібно відключити.

• Використовуйте StatefulWidget / State та створіть змінну для утримання вашого стану (наприклад isButtonDisabled)
• Встановіть це істинно спочатку (якщо саме цього ви хочете)
• Під час візуалізації кнопки не встановлюйтеonPressed значення ні на одну, nullні на якусь функціюonPressed: () {}
• Натомість умовно встановіть його за допомогою потрійної або хелперної функції (приклад нижче)
• Перевірте 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,
    );
  }
}

У цьому прикладі я використовую вбудований потрійний термін , щоб умовно встановити Textі 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();
      };
    }
  }

Згідно з документами:

"Якщо зворотний виклик onPress є нульовим, то кнопка буде відключена, і за замовчуванням буде нагадувати плоску кнопку у відключеному кольорі."

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властивість встановлено на істинне, підвіджет (власне, все піддірево) не можна натискати.

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

В іншому випадку, якщо ви плануєте вимкнути ціле піддірево, загляньте в AbsorbPointer ().

Функція "Увімкнення та вимкнення" однакова для більшості віджетів.

Ex, кнопка, перемикач, прапорець тощо

Просто встановіть onPressedвластивість, як показано нижче

onPressed : nullповертає віджет "Інваліди"

onPressed : (){}або onPressed : _functionNameповертає віджет Enabled

Ви також можете використовувати 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
)