当我点击一个按钮时,我尝试制作一个弹跳动画(快速上下移动)。
像这个例子:
我成功制作了弹跳动画但是我没有成功制作点击,因为我的icone按钮总是显示,我搜索只是为了让这个icone按钮在点击后上下增长,没有消失
最佳答案
void main() => runApp(MaterialApp(home: Avatar()));
class Avatar extends StatefulWidget {
@override
State<StatefulWidget> createState() => _Avatar();
}
class _Avatar extends State<Avatar> with TickerProviderStateMixin {
AnimationController _controller;
@override
void initState() {
super.initState();
_controller = AnimationController(duration: const Duration(milliseconds: 700), vsync: this);
_controller.repeat(reverse: true);
}
@override
void dispose(){
super.dispose();
this._controller.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Stack(
children: <Widget>[
Align(
child: ScaleTransition(
scale: Tween(begin: 0.75, end: 2.0)
.animate(CurvedAnimation(
parent: _controller,
curve: Curves.elasticOut
)
),
child: SizedBox(
height: 100,
width: 100,
child: CircleAvatar(backgroundImage: AssetImage(chocolateImage)),
),
),
),
],
),
);
}
}
关于animation - 使动画随着 flutter 而弹跳,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50889509/