60 lines
1.6 KiB
Dart
60 lines
1.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
class AnimatedDialog extends StatefulWidget {
|
|
const AnimatedDialog({Key? key, required this.child, this.closeFn})
|
|
: super(key: key);
|
|
|
|
final Widget child;
|
|
final Function? closeFn;
|
|
|
|
@override
|
|
State<StatefulWidget> createState() => AnimatedDialogState();
|
|
}
|
|
|
|
class AnimatedDialogState extends State<AnimatedDialog>
|
|
with SingleTickerProviderStateMixin {
|
|
late AnimationController? controller;
|
|
late Animation<double>? opacityAnimation;
|
|
late Animation<double>? scaleAnimation;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
controller = AnimationController(
|
|
vsync: this, duration: const Duration(milliseconds: 800));
|
|
opacityAnimation = Tween<double>(begin: 0.0, end: 0.6).animate(
|
|
CurvedAnimation(parent: controller!, curve: Curves.easeOutExpo));
|
|
scaleAnimation =
|
|
CurvedAnimation(parent: controller!, curve: Curves.easeOutExpo);
|
|
controller!.addListener(() => setState(() {}));
|
|
controller!.forward();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
controller!.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Material(
|
|
color: Colors.black.withOpacity(opacityAnimation!.value),
|
|
child: InkWell(
|
|
splashColor: Colors.transparent,
|
|
onTap: () => widget.closeFn!(),
|
|
child: Center(
|
|
child: FadeTransition(
|
|
opacity: scaleAnimation!,
|
|
child: ScaleTransition(
|
|
scale: scaleAnimation!,
|
|
child: widget.child,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|