Les Animations Explicites dans Flutter

import 'package:flutter/material.dart';
import 'dart:math'; // Import pour générer des valeurs aléatoires

void main() => runApp(MyAnimatedWidget());

class MyAnimatedWidget extends StatefulWidget {
  @override
  _MyAnimatedWidgetState createState() => _MyAnimatedWidgetState();
}

class _MyAnimatedWidgetState extends State
    with SingleTickerProviderStateMixin {
  late AnimationController _controller;
  late Animation _animation;
  Color _currentColor = Colors.blue; // Couleur initiale du conteneur

  @override
  void initState() {
    super.initState();
    // Initialisation de l'AnimationController
    _controller = AnimationController(
      duration: const Duration(seconds: 2),
      vsync: this,
    );

    // Définition d'une animation Tween
    _animation = Tween(begin: 0.0, end: 300.0).animate(_controller)
      ..addListener(() {
        setState(() {}); // Met à jour l'état lorsque la valeur change
      });
  }

  // Fonction pour générer une couleur aléatoire
  Color _generateRandomColor() {
    final Random random = Random();
    return Color.fromRGBO(
      random.nextInt(256), // Rouge
      random.nextInt(256), // Vert
      random.nextInt(256), // Bleu
      1.0, // Opacité
    );
  }

  @override
  void dispose() {
    _controller.dispose(); // Libération des ressources
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          elevation: 4,         
          title: Text('AnimationController'),
          centerTitle: true,
        ),
        body: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Center(
              child: Container(
                width: _animation.value,
                height: _animation.value,
                color: _currentColor, // Utilisation de la couleur actuelle
              ),
            ),
            const SizedBox(height: 20), // Espacement entre le conteneur et le bouton
            ElevatedButton(
              onPressed: () {
                setState(() {
                  _currentColor = _generateRandomColor(); // Change la couleur
                });

                if (_controller.status == AnimationStatus.completed) {
                  _controller.reverse();
                } else {
                  _controller.forward();
                }
              },
              child: Text('Animer le conteneur'),
            ),
          ],
        ),
      ),
    );
  }
}