Flutter'da Smooth Animasyon: State Değişimini Akıcı Geçişlerle Yönet

1import 'package:flutter/material.dart';
2
3void main() => runApp(const MyApp());
4
5class MyApp extends StatelessWidget {
6const MyApp({Key? key}): super(key: key);
7
8@override
9Widget build(BuildContext context) {
10return MaterialApp(
11home: const AnimationDemo(),
12);
13}
14}
15
16class AnimationDemo extends StatefulWidget {
17const AnimationDemo({Key? key}): super(key: key);
18
19@override
20State<AnimationDemo> createState() => _AnimationDemoState();
21}
22
23class _AnimationDemoState extends State<AnimationDemo>
24with TickerProviderStateMixin {
25late AnimationController _controller;
26late Animation<double> _sizeAnimation;
27late Animation<Color?> _colorAnimation;
28
29@override
30void initState() {
31super.initState();
32_controller = AnimationController(
33duration: const Duration(milliseconds: 800),
34vsync: this,
35);
36
37_sizeAnimation = Tween<double>(begin: 50, end: 150).animate(
38CurvedAnimation(parent: _controller, curve: Curves.easeInOut),
39);
40
41_colorAnimation = ColorTween(
42begin: Colors.blue,
43end: Colors.red,
44).animate(
45CurvedAnimation(parent: _controller, curve: Curves.easeInOut),
46);
47}
48
49void _toggleAnimation() {
50if (_controller.isCompleted) {
51_controller.reverse();
52} else {
53_controller.forward();
54}
55}
56
57@override
58void dispose() {
59_controller.dispose();
60super.dispose();
61}
62
63@override
64Widget build(BuildContext context) {
65return Scaffold(
66appBar: AppBar(title: const Text('Smooth Animasyon')),
67body: Center(
68child: AnimatedBuilder(
69animation: _controller,
70builder: (context, child) {
71return GestureDetector(
72onTap: _toggleAnimation,
73child: Container(
74width: _sizeAnimation.value,
75height: _sizeAnimation.value,
76decoration: BoxDecoration(
77color: _colorAnimation.value,
78borderRadius: BorderRadius.circular(20),
79),
80child: const Center(
81child: Text(
82'Dokunun',
83style: TextStyle(color: Colors.white, fontSize: 16),
84),
85),
86),
87);
88},
89),
90),
91);
92}
93}