Bagaimana cara menonaktifkan Tombol di Flutter?

Saya baru saja mulai memahami Flutter, tetapi saya mengalami masalah dalam mencari tahu cara menyetel status aktif tombol.

Dari dokumen, dikatakan setel onPressedke null untuk menonaktifkan tombol, dan memberinya nilai untuk mengaktifkannya. Ini bagus jika tombol terus berada dalam status yang sama untuk siklus proses.

Saya mendapat kesan bahwa saya perlu membuat widget Stateful khusus yang memungkinkan saya memperbarui status aktif tombol (atau callback onPressed) entah bagaimana.

Jadi pertanyaan saya adalah bagaimana saya melakukannya? Ini sepertinya persyaratan yang cukup mudah, tetapi saya tidak dapat menemukan apa pun di dokumen tentang cara melakukannya.

Terima kasih.

Saya pikir Anda mungkin ingin memperkenalkan beberapa fungsi pembantu ke buildtombol Anda serta widget Stateful bersama dengan beberapa properti untuk dimatikan.

• Gunakan StatefulWidget / State dan buat variabel untuk menampung kondisi Anda (misalnya isButtonDisabled)
• Setel ini menjadi benar pada awalnya (jika itu yang Anda inginkan)
• Saat merender tombol, jangan langsung menyetelonPressed nilainya ke salah satu nullatau beberapa fungsionPressed: () {}
• Sebaliknya , setel secara kondisional menggunakan terner atau fungsi pembantu (contoh di bawah)
• Periksa isButtonDisabledsebagai bagian dari kondisional ini dan kembalikan salah satu nullatau beberapa fungsi.
• Saat tombol ditekan (atau kapan pun Anda ingin menonaktifkan tombol) gunakan setState(() => isButtonDisabled = true)untuk membalik variabel bersyarat.
• Flutter akan memanggil build()metode lagi dengan status baru dan tombol akan ditampilkan dengan nullpenangan pers dan dinonaktifkan.

Berikut adalah beberapa konteks lainnya menggunakan proyek penghitung 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,
    );
  }
}

Dalam contoh ini saya menggunakan terner sebaris untuk mengatur Textdan secara kondisional onPressed, tetapi mungkin lebih sesuai bagi Anda untuk mengekstrak ini ke dalam fungsi (Anda dapat menggunakan metode yang sama ini untuk mengubah teks tombol juga):

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

Menurut dokumen:

"Jika callback onPressed adalah null, maka tombol tersebut akan dinonaktifkan dan secara default akan menyerupai tombol datar di disabledColor."

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

Jadi, Anda mungkin melakukan sesuatu seperti ini:

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

Jawaban sederhananya adalah onPressed : nullmemberikan tombol yang dinonaktifkan.

Pengaturan

onPressed: null // disables click

dan

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

Untuk widget dengan jumlah tertentu dan terbatas, menggabungkannya dalam widget IgnorePointer melakukan hal ini: ketika ignoringpropertinya disetel ke true, sub-widget (sebenarnya, seluruh subpohon) tidak dapat diklik.

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

Jika tidak, jika Anda ingin menonaktifkan seluruh subpohon, lihat AbsorbPointer ().

Fungsionalitas Aktifkan dan Nonaktifkan sama untuk sebagian besar widget.

Mis, tombol, sakelar, kotak centang, dll.

Cukup atur onPressedproperti seperti yang ditunjukkan di bawah ini

onPressed : nullmengembalikan widget Dinonaktifkan

onPressed : (){}atau onPressed : _functionNamemengembalikan widget yang Diaktifkan

Anda juga dapat menggunakan AbsorbPointer, dan Anda dapat menggunakannya dengan cara berikut:

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

Jika Anda ingin tahu lebih banyak tentang widget ini, Anda dapat memeriksa tautan berikut Flutter Docs

Ini cara termudah menurut saya:

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