Gordon Hayes
123 lines
3.2 KiB
Dart
123 lines
3.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:lottie/lottie.dart';
|
|
|
|
mixin SplashScreenStateMixin<T extends StatefulWidget> on State<T>
|
|
implements TickerProvider {
|
|
late final _animationController = AnimationController(
|
|
vsync: this,
|
|
duration: const Duration(
|
|
milliseconds: 1000,
|
|
),
|
|
);
|
|
|
|
late final _scaleAnimationController = AnimationController(
|
|
vsync: this,
|
|
value: 0,
|
|
duration: const Duration(
|
|
milliseconds: 500,
|
|
),
|
|
);
|
|
|
|
late final _circleAnimation = Tween(
|
|
begin: 0.0,
|
|
end: 1000.0,
|
|
).animate(CurvedAnimation(
|
|
parent: _animationController,
|
|
curve: Curves.easeInOut,
|
|
));
|
|
|
|
late final _colorAnimation = ColorTween(
|
|
begin: const Color(0xff005FFF),
|
|
end: Colors.transparent,
|
|
).animate(CurvedAnimation(
|
|
parent: _animationController,
|
|
curve: Curves.easeInOut,
|
|
));
|
|
|
|
late final _scaleAnimation = Tween(
|
|
begin: 1.0,
|
|
end: 1.5,
|
|
).animate(CurvedAnimation(
|
|
parent: _scaleAnimationController,
|
|
curve: Curves.easeInOutCubic,
|
|
));
|
|
|
|
bool animationCompleted = false;
|
|
|
|
void forwardAnimations() {
|
|
_scaleAnimationController.forward().whenComplete(() {
|
|
_animationController.forward();
|
|
});
|
|
}
|
|
|
|
void _onAnimationComplete(AnimationStatus status) {
|
|
if (status == AnimationStatus.completed) {
|
|
setState(() {
|
|
animationCompleted = true;
|
|
});
|
|
}
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
_animationController.addStatusListener(_onAnimationComplete);
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_animationController.removeStatusListener(_onAnimationComplete);
|
|
_animationController.dispose();
|
|
_scaleAnimationController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
Widget buildAnimation() => Stack(
|
|
clipBehavior: Clip.none,
|
|
alignment: Alignment.center,
|
|
children: [
|
|
AnimatedBuilder(
|
|
animation: _scaleAnimation,
|
|
builder: (context, child) =>
|
|
Transform.scale(scale: _scaleAnimation.value, child: child),
|
|
child: AnimatedBuilder(
|
|
animation: _colorAnimation,
|
|
builder: (context, child) {
|
|
return DecoratedBox(
|
|
decoration: BoxDecoration(color: _colorAnimation.value),
|
|
child: Center(
|
|
child: !_animationController.isAnimating
|
|
? child
|
|
: const SizedBox(),
|
|
),
|
|
);
|
|
},
|
|
child: RepaintBoundary(
|
|
child: Lottie.asset(
|
|
'assets/floating_boat.json',
|
|
alignment: Alignment.center,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
AnimatedBuilder(
|
|
animation: _circleAnimation,
|
|
builder: (context, snapshot) {
|
|
return Transform.scale(
|
|
scale: _circleAnimation.value,
|
|
child: Container(
|
|
width: 1.0,
|
|
height: 1.0,
|
|
decoration: BoxDecoration(
|
|
color: Colors.white
|
|
.withOpacity(1 - _animationController.value),
|
|
shape: BoxShape.circle,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
);
|
|
}
|