ember/fluffychat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added buttonHeight as parameter of pressable button and added completer to prevent up animation from starting before the down animation finishes

Browse source
This commit is contained in:
ggurdin 2024-11-06 11:58:08 -05:00
parent 4c5c31a3d8
commit d5f8be57b5
No known key found for this signature in database
GPG key ID: A01CB41737CBB478
1 changed files with 19 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
lib/pangea/widgets/pressable_button.dart
View file

@ -1,3 +1,5 @@
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
@ -5,6 +7,7 @@ class PressableButton extends StatefulWidget {
final double width;
final double height;
final BorderRadius borderRadius;
final double buttonHeight;
final bool enabled;
final bool depressed;
@ -20,6 +23,7 @@ class PressableButton extends StatefulWidget {
required this.child,
required this.onPressed,
required this.color,
this.buttonHeight = 5,
this.enabled = true,
this.depressed = false,
super.key,
@ -33,6 +37,7 @@ class PressableButtonState extends State<PressableButton>
with SingleTickerProviderStateMixin {
late AnimationController _controller;
late Animation<double> _tweenAnimation;
Completer<void>? _animationCompleter;
@override
void initState() {
@ -41,16 +46,24 @@ class PressableButtonState extends State<PressableButton>
duration: const Duration(milliseconds: 100),
vsync: this,
);
_tweenAnimation = Tween<double>(begin: 5, end: 0).animate(_controller);
_tweenAnimation =
Tween<double>(begin: widget.buttonHeight, end: 0).animate(_controller);
}
void _onTapDown(TapDownDetails details) {
if (!widget.enabled) return;
_controller.forward();
_animationCompleter = Completer<void>();
_controller.forward().then((_) {
_animationCompleter?.complete();
_animationCompleter = null;
});
}
void _onTapUp(TapUpDetails details) {
Future<void> _onTapUp(TapUpDetails details) async {
if (!widget.enabled) return;
if (_animationCompleter != null) {
await _animationCompleter!.future;
}
_controller.reverse();
widget.onPressed?.call();
HapticFeedback.mediumImpact();
@ -73,14 +86,14 @@ class PressableButtonState extends State<PressableButton>
onTapDown: _onTapDown,
onTapUp: _onTapUp,
onTapCancel: _onTapCancel,
child: SizedBox(
height: 45,
child: Container(
decoration: BoxDecoration(border: Border.all(color: Colors.green)),
child: Stack(
alignment: Alignment.bottomCenter,
children: [
Container(
width: widget.width,
height: widget.height,
// height: widget.height,
decoration: BoxDecoration(
color: Color.alphaBlend(
Colors.black.withOpacity(0.25),