- 如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。
- 同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。
- Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。
FadeTransition提供了快速构建渐隐渐显动画的组件,用法如下:
class FadeTransitionDemo extends StatefulWidget {
@override
State<StatefulWidget> createState() => _FadeTransitionDemo();
}
class _FadeTransitionDemo extends State<FadeTransitionDemo>
with SingleTickerProviderStateMixin {
Animation<double> animation;
AnimationController controller;
@override
void initState() {
super.initState();
controller =
AnimationController(vsync: this, duration: Duration(seconds: 1))..repeat();
animation = Tween(begin: 0.0, end: 1.0).animate(controller);
controller.forward();
}
@override
Widget build(BuildContext context) {
return Center(
child: FadeTransition(
opacity: animation,
child: Container(
color: Colors.red,
width: 100,
height: 100,
),
),
);
}
@override
void dispose() {
super.dispose();
controller.dispose();
}
}
动画效果: