Skip to content

Instantly share code, notes, and snippets.

@rodrigofelipejr

rodrigofelipejr/debounced_button_widget.dart

Created November 5, 2021 20:08
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save rodrigofelipejr/d00d71ee6ae6c53a401ff8de2aefc623 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save rodrigofelipejr/d00d71ee6ae6c53a401ff8de2aefc623 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. rodrigofelipejr created this gist Nov 5, 2021.
    57 changes: 57 additions & 0 deletions debounced_button_widget.dart
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,57 @@
    import 'dart:async';

    import 'package:flutter/material.dart';

    class DebouncedButtonWidget extends StatefulWidget {
    final String label;
    final void Function()? onPressed;

    const DebouncedButtonWidget({
    Key? key,
    required this.label,
    this.onPressed,
    }) : super(key: key);

    @override
    _DebouncedButtonWidgetState createState() => _DebouncedButtonWidgetState();
    }

    class _DebouncedButtonWidgetState extends State<DebouncedButtonWidget> {
    late ValueNotifier<bool> _isEnabled;
    Timer? _timer;

    @override
    void initState() {
    super.initState();
    _isEnabled = ValueNotifier<bool>(true);
    }

    @override
    void dispose() {
    _timer?.cancel();
    super.dispose();
    }

    void Function()? get _onButtonPressed => (widget.onPressed != null)
    ? () {
    _isEnabled.value = false;
    _timer = Timer(const Duration(milliseconds: 500), () {
    _isEnabled.value = true;
    });
    widget.onPressed!();
    }
    : null;

    @override
    Widget build(BuildContext context) {
    return ValueListenableBuilder<bool>(
    valueListenable: _isEnabled,
    builder: (_, isEnabled, __) {
    return ElevatedButton(
    onPressed: isEnabled ? _onButtonPressed : null,
    child: Text(widget.label),
    );
    },
    );
    }
    }