proxypin/lib/ui/component/transition.dart

import 'package:flutter/material.dart';

class ColorTransition extends StatefulWidget {
  final Color begin;
  final Color end;
  final Duration duration;
  final Widget child;

  const ColorTransition(
      {super.key,
        required this.begin,
        this.end = Colors.transparent,
        this.duration = const Duration(milliseconds: 500),
        required this.child});

  @override
  State<ColorTransition> createState() {
    return ColorTransitionState();
  }
}

class ColorTransitionState extends State<ColorTransition> with SingleTickerProviderStateMixin {
  late AnimationController _animationController;
  late Animation _animation;

  @override
  void initState() {
    super.initState();

    //创建动画控制器
    _animationController = AnimationController(
      vsync: this,
      duration: widget.duration,
    );

    //添加动画执行刷新监听
    _animationController.addListener(() {
      setState(() {});
    });

    //颜色动画变化
    _animation = ColorTween(begin: widget.begin, end: widget.end).animate(_animationController);

    //添加到事件队列
    Future.delayed(const Duration(milliseconds: 150), () {
      _animationController.forward();
    });
  }

  show() {
    _animationController.reset();
    _animationController.forward();
  }

  @override
  void dispose() {
    _animationController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      color: _animation.value,
      child: widget.child,
    );
  }
}