我正在使用自定义动画按钮。我想在用户每次点击动画时重复动画。因此,当用户单击它时,容器会放大。并返回到正常大小。当用户再次单击它时,它将再次执行该操作。现在,动画只是按比例缩放到定义的大小并停止。在那之后它什么也没做。
class CustomAnimation extends StatefulWidget {
@override
_CustomAnimationState createState() => _CustomAnimationState();
}
class _CustomAnimationState extends State<CustomAnimation> with SingleTickerProviderStateMixin {
AnimationController _controller;
@override
void initState() {
// TODO: implement initState
_controller = AnimationController(
vsync: this,duration: Duration(seconds: 2),);
_controller.addListener(() {
setState(() {
//do something
});
});
_controller.forward();
super.initState();
}
@override
void dispose() {
// TODO: implement dispose
_controller.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: AnimatedBuilder(
animation: _controller.view,builder: (context,child){
return Transform.scale(scale: _controller.value *.9,child: Container(
width: 200,height: 200,color: Colors.lightGreen[200],child: Center(
child: Text('Animation test'),),);
},)
);
}
}