【Flutter】ボタンの連打を防止する！通信中処理内で役立つ小技！

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool _isButtonDisabled = false;

  void _toggleButton() {
    setState(() {
      _isButtonDisabled = !_isButtonDisabled;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('ボタン連打防止'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: _isButtonDisabled ? null : () {
            _toggleButton();
            // 通信などの処理をここに記述
            Future.delayed(Duration(seconds: 1), () {
              _toggleButton(); // 通信終了後にボタンを再度有効にする
            });
          },
          child: Text(_isButtonDisabled ? '処理中...' : 'ボタン'),
        ),
      ),
    );
  }
}