66 lines
1.8 KiB
Dart
66 lines
1.8 KiB
Dart
|
import 'package:wonders/common_libs.dart';
|
||
|
|
import 'package:wonders/ui/common/measurable_widget.dart';
|
||
|
|
|
||
|
|
class OpeningCard extends StatefulWidget {
|
||
|
|
const OpeningCard(
|
||
|
|
{Key? key,
|
||
|
|
required this.closedBuilder,
|
||
|
|
required this.openBuilder,
|
||
|
|
required this.isOpen,
|
||
|
|
this.background,
|
||
|
|
this.padding})
|
||
|
|
: super(key: key);
|
||
|
|
|
||
|
|
final Widget Function(BuildContext) closedBuilder;
|
||
|
|
final Widget Function(BuildContext) openBuilder;
|
||
|
|
final Widget? background;
|
||
|
|
final bool isOpen;
|
||
|
|
final EdgeInsets? padding;
|
||
|
|
|
||
|
|
@override
|
||
|
|
State<OpeningCard> createState() => _OpeningCardState();
|
||
|
|
}
|
||
|
|
|
||
|
|
class _OpeningCardState extends State<OpeningCard> {
|
||
|
|
Size _size = Size.zero;
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return TweenAnimationBuilder<Size>(
|
||
|
|
duration: $styles.times.fast,
|
||
|
|
curve: Curves.easeOut,
|
||
|
|
builder: (_, value, child) => Stack(
|
||
|
|
children: [
|
||
|
|
if (widget.background != null) Positioned.fill(child: widget.background!),
|
||
|
|
Padding(
|
||
|
|
padding: widget.padding ?? EdgeInsets.zero,
|
||
|
|
child: SizedBox(
|
||
|
|
width: value.width,
|
||
|
|
height: value.height,
|
||
|
|
child: child,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
tween: Tween(begin: _size, end: _size),
|
||
|
|
child: AnimatedSwitcher(
|
||
|
|
duration: $styles.times.fast,
|
||
|
|
child: ClipRect(
|
||
|
|
key: ValueKey(widget.isOpen),
|
||
|
|
child: OverflowBox(
|
||
|
|
minWidth: 0.0,
|
||
|
|
maxWidth: double.infinity,
|
||
|
|
minHeight: 0.0,
|
||
|
|
maxHeight: double.infinity,
|
||
|
|
child: MeasurableWidget(
|
||
|
|
onChange: (size) {
|
||
|
|
setState(() => _size = size);
|
||
|
|
},
|
||
|
|
child: widget.isOpen ? widget.openBuilder(context) : widget.closedBuilder(context),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|