Toolbar practice (#704)
* remove print statement * ending animation, savoring joy, properly adding xp in sessionpull/1384/head
wcjord
1 year ago
committed by
GitHub
parent
08a7c74b4a
commit
51e8c4b7ce
@ -0,0 +1,97 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class StarAnimationWidget extends StatefulWidget {
|
||||||
|
const StarAnimationWidget({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
_StarAnimationWidgetState createState() => _StarAnimationWidgetState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _StarAnimationWidgetState extends State<StarAnimationWidget>
|
||||||
|
with SingleTickerProviderStateMixin {
|
||||||
|
late AnimationController _controller;
|
||||||
|
late Animation<double> _opacityAnimation;
|
||||||
|
late Animation<double> _sizeAnimation;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
|
||||||
|
// Initialize the AnimationController
|
||||||
|
_controller = AnimationController(
|
||||||
|
duration: const Duration(seconds: 1), // Duration of the animation
|
||||||
|
vsync: this,
|
||||||
|
)..repeat(reverse: true); // Repeat the animation in reverse
|
||||||
|
|
||||||
|
// Define the opacity animation
|
||||||
|
_opacityAnimation =
|
||||||
|
Tween<double>(begin: 0.8, end: 1.0).animate(_controller);
|
||||||
|
|
||||||
|
// Define the size animation
|
||||||
|
_sizeAnimation = Tween<double>(begin: 56.0, end: 60.0).animate(_controller);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
// Dispose of the controller to free resources
|
||||||
|
_controller.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return SizedBox(
|
||||||
|
// Set constant height and width for the star container
|
||||||
|
height: 80.0,
|
||||||
|
width: 80.0,
|
||||||
|
child: Center(
|
||||||
|
child: AnimatedBuilder(
|
||||||
|
animation: _controller,
|
||||||
|
builder: (context, child) {
|
||||||
|
return Opacity(
|
||||||
|
opacity: _opacityAnimation.value,
|
||||||
|
child: Icon(
|
||||||
|
Icons.star,
|
||||||
|
color: Colors.amber,
|
||||||
|
size: _sizeAnimation.value,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class GamifiedTextWidget extends StatelessWidget {
|
||||||
|
final String userMessage;
|
||||||
|
|
||||||
|
const GamifiedTextWidget({super.key, required this.userMessage});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Center(
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min, // Adjusts the size to fit children
|
||||||
|
children: [
|
||||||
|
// Star animation above the text
|
||||||
|
const StarAnimationWidget(),
|
||||||
|
const SizedBox(height: 10), // Spacing between the star and text
|
||||||
|
Container(
|
||||||
|
constraints: const BoxConstraints(
|
||||||
|
minHeight: 80,
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
userMessage,
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 16,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
),
|
||||||
|
textAlign: TextAlign.center, // Center-align the text
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue