fluffychat/lib/pangea/widgets/pressable_button.dart

import 'dart:async';

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

class PressableButton extends StatefulWidget {
  final BorderRadius borderRadius;
  final double buttonHeight;
  final bool enabled;
  final bool depressed;
  final Color color;
  final Widget child;
  final void Function()? onPressed;

  const PressableButton({
    required this.borderRadius,
    required this.child,
    required this.onPressed,
    required this.color,
    this.buttonHeight = 5,
    this.enabled = true,
    this.depressed = false,
    super.key,
  });

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

class PressableButtonState extends State<PressableButton>
    with SingleTickerProviderStateMixin {
  late AnimationController _controller;
  late Animation<double> _tweenAnimation;
  Completer<void>? _animationCompleter;

  @override
  void initState() {
    super.initState();
    _controller = AnimationController(
      duration: const Duration(milliseconds: 100),
      vsync: this,
    );
    _tweenAnimation =
        Tween<double>(begin: widget.buttonHeight, end: 0).animate(_controller);
  }

  void _onTapDown(TapDownDetails details) {
    if (!widget.enabled) return;
    _animationCompleter = Completer<void>();
    if (!mounted) return;
    _controller.forward().then((_) {
      _animationCompleter?.complete();
      _animationCompleter = null;
    });
  }

  Future<void> _onTapUp(TapUpDetails details) async {
    if (!widget.enabled || widget.depressed) return;
    widget.onPressed?.call();
    if (_animationCompleter != null) {
      await _animationCompleter!.future;
    }
    if (mounted) _controller.reverse();
    if (!kIsWeb) {
      HapticFeedback.mediumImpact();
    }
  }

  void _onTapCancel() {
    if (!widget.enabled) return;
    if (mounted) _controller.reverse();
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTapDown: _onTapDown,
      onTapUp: _onTapUp,
      onTapCancel: _onTapCancel,
      child: Column(
        mainAxisSize: MainAxisSize.min,
        mainAxisAlignment: MainAxisAlignment.end,
        children: [
          Row(
            crossAxisAlignment: CrossAxisAlignment.end,
            mainAxisSize: MainAxisSize.min,
            children: [
              AnimatedBuilder(
                animation: _tweenAnimation,
                builder: (context, _) {
                  return Container(
                    padding: EdgeInsets.only(
                      bottom: widget.enabled && !widget.depressed
                          ? _tweenAnimation.value
                          : 0,
                    ),
                    decoration: BoxDecoration(
                      color: Color.alphaBlend(
                        Colors.black.withOpacity(0.25),
                        widget.color,
                      ),
                      borderRadius: widget.borderRadius,
                    ),
                    child: widget.child,
                  );
                },
              ),
            ],
          ),
        ],
      ),
    );
  }
}