水平翻转动画 ImageWidget Flutter

Nav*_*mar 2 flutter flutter-layout flutter-animation

我想为 CircularAvatar 小部件做水平翻转动画..像下面的动画在此处输入图片说明 像这样我想翻转circularAvartar

我试过了

AnimationController _controller;

    AnimatedBuilder(
          animation: _controller,
          builder: (context, child){
            return Transform(
              transform: Matrix4.rotationY((1 - _controller.value ) * pi / 2),
            child: CircleAvatar(
            radius: PROFILE_PIC_RADIUS,
            backgroundImage: AssetImage(url),
           // backgroundColor: Colors.transparent,
            ),
            );
          }
        ),

_controller.forward();
_controller.reverse();
Run Code Online (Sandbox Code Playgroud)

但它不像下面的动画那样工作,我想要像水平方向抛硬币一样的动画..请给出任何解决方案

A R*_*A R 5

您可以使用库flip_card

将此添加到 pubspec.yaml :

dependencies:
  flip_card: ^0.4.4
Run Code Online (Sandbox Code Playgroud)

然后运行

dependencies:
  flip_card: ^0.4.4
Run Code Online (Sandbox Code Playgroud)

使用:

flutter packages get
Run Code Online (Sandbox Code Playgroud)