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)
但它不像下面的动画那样工作,我想要像水平方向抛硬币一样的动画..请给出任何解决方案
您可以使用库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)
| 归档时间: |
|
| 查看次数: |
965 次 |
| 最近记录: |