AnimatedBuilder 사용하기

late AnimationController _animationController;

  late Animation _transAnimation;

  late Animation _rotateAnimaiton;

  late Animation _scaleAnimation;

 

  bool isForward = true;

 

  @override

  void initState() {

    super.initState();

    //���ϸ��μǿ��� ������ ������ �ʱ�ȭ �Ѵ�.

 

    //0.��Ʈ�ѷ�

    _animationController =

        AnimationController(duration: Duration(seconds: 5), vsync: this);

    //1.�̵�

    _transAnimation = Tween<Offset>(begin: Offset(0, 0), end: Offset(200, 200))

        .animate(_animationController);

 

    //2.ȸ��

    _rotateAnimaiton =

        Tween<double>(begin: 0.0, end: pi * 10).animate(_animationController);

 

    //3.ũ�⺯��

    _scaleAnimation =

        Tween<double>(begin: 1, end: 0).animate(_animationController);

  }

 

  //dispose �Ҷ� _animationController �� �����ؾ� ������ ���� �ʴ´�.

  @override

  void dispose() {

    super.dispose();

    _animationController.dispose();

  }

 

AnimatedBuilder(

                animation: _scaleAnimation,

                builder: (context, widget) {

                  return Transform.translate(

                    offset: _transAnimation.value,

                    child: Transform.rotate(

                      angle: _rotateAnimaiton.value,

                      child: Transform.scale(

                        scale: _scaleAnimation.value,

                        child: widget,

                      ),

                    ),

                  );

                },

                child: Icon(

                  Icons.cake,

                  size: 100,

                ),

              ),

              //2.ElevatedButton == ���ϸ��̼� ����

              ElevatedButton(

                  onPressed: () {

                    if (isForward) {

                      isForward = false;

                      _animationController.forward();

                    } else {

                      isForward = true;

                      _animationController.reverse();

                    }

                  },

                  child: Text('로테이션 시작하기'))