AnimatedIcon按钮旋转动画

class addView extends StatefulWidget {
  @override
  _addViewViewState createState() => _addViewViewState();
}
// 1,with TickerProviderStateMixin 要继承这样类

class _addViewViewState extends State<addView>  with TickerProviderStateMixin{
//动画效果
  AnimationController animationController;

  @override
  void initState() {
    super.initState();
    animationController = AnimationController(
      vsync: this,
      duration: Duration(milliseconds: 1000),
    );
    animationController.forward(); //加上这个,动画才能执行,可以放到按钮的点击事件里面去,
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('新增页面'),
        elevation: 2.0,
      ),
      body: Center(
        child: AnimatedIcon(
            icon: AnimatedIcons.menu_arrow, progress: animationController),
      ),
    );
  }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容