flutter 按钮弹簧动画AnimationController

效果图：

 

 

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class SLHomePage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _SLHomePageState();
  }
}
class _SLHomePageState extends State<SLHomePage> with SingleTickerProviderStateMixin{
  late AnimationController _controller;
  late Animation<double> _animation;
  late Tween<double> _tween;
  @override
  void initState() {
    super.initState();
    _controller = AnimationController(vsync: this,duration: const Duration(milliseconds: 400));
    _animation =  CurvedAnimation(parent: _controller, curve: Curves.elasticOut,reverseCurve:Curves.elasticInOut);
    _tween = Tween(begin: 0.7,end: 1);
    _controller.forward();
  }
  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Container(
      height: MediaQuery.of(context).size.height,
      child: Center(
        child: Container(
            width: 200,
            height: 90,
            child: ScaleTransition(scale: _tween.animate(_animation),child: TextButton(
                child: Text('按钮'),
                onPressed: (){
                  _controller.repeat();
                  setState(() {
                    _controller.forward();
                  });
                }
                )
            )
        ),
      ),
    );
  }
}