Flutter动画和运动控件之大小变化SizeTransition

computerclass

于 2021-04-04 14:31:05 发布

阅读量884

点赞数

分类专栏： flutter 文章标签：大小变化 SizeTransition

本文链接：https://blog.csdn.net/computerclass/article/details/115428444

版权

flutter 专栏收录该内容

220 篇文章

订阅专栏

这篇博客展示了如何在Flutter中创建一个水平方向的SizeTransition动画，利用AnimationController和CurvedAnimation来控制动画的执行。通过设置duration、vsync和曲线，实现了动画的重复播放，并在dispose方法中正确释放资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

late AnimationController _controller = AnimationController(
  duration: const Duration(seconds: 3),
  vsync: this,
)..repeat();
late Animation<double> _animation = CurvedAnimation(
  parent: _controller,
  curve: Curves.fastOutSlowIn,
);

@override
void dispose() {
  super.dispose();
  _controller.dispose();
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: SizeTransition(
      sizeFactor: _animation,
      axis: Axis.horizontal,
      axisAlignment: -1,
      child: Center(
          child: FlutterLogo(size: 200.0),
      ),
    ),
  );
}