​AnimatedBuilder Tween一直循环动画

小淘1年前Flutter134

AnimatedBuilder Tween一直循环动画

class AnimatedPagerTest extends StatefulWidget {
 @override
 AnimatedPagerTestState createState() => AnimatedPagerTestState();
}

// 垂直同步
class AnimatedPagerTestState extends State<AnimatedPagerTest> with SingleTickerProviderStateMixin {
   
 //建立控制器
 late AnimationController _controller;

 @override
 void initState() {
   
  //控制器初始化
   _controller =
       AnimationController(vsync: this, duration: Duration(seconds: 1));
     
  //重复执行
   _controller.repeat(reverse: true);
   super.initState();
 }

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

 @override
 Widget build(BuildContext context) {
   return AnimatedBuilder(
     animation: _controller,
     builder: (context, child) {
       return Container(
         height: 200,
         width: 200,
         //自定义Tween来驱动动画
         color: ColorTween(begin: Colors.green, end: Colors.red)
             .evaluate(_controller),
       );
     },
   );
 }
}



相关文章

欢迎使用小淘博客,

欢迎使用小淘博客,...

​Scafflod脚手架

Scafflod脚手架// 当我们在使用MaterialApp之后我们的home里面嵌套一层Scafflod脚手架// 即可更好的契合我们的 MaterialAppScaffold(   &...

文本框的创建和设定

文本框作为一个接收用户输入的组件,被广泛应用于表单构建、即时通讯、搜索等场景中。Flutter 提供了两个开箱即用的文本框组件: TextField 和 TextFormField。文本框TextFi...

导航到一个新页面和返回

导航到一个新页面和返回

我们通常会用“屏”来表示应用的不同页面(界面)。比如,某个应用有一“屏”展示商品列表,当用户点击某个商品的图片,会跳到新的一“屏”展示商品的详细信息。术语: 在 Flutter 中,屏 (screen...

无状态Widget和有状态Widget

StatelessWidget无状态WidgetStateless widgets 是不可变的, 这意味着它们的属性不能改变——所有的值都是最终的。 如果无状态Widget里面有子Widge...

在Flutter开发中一切皆为Widget

Flutter Widget在Flutter开发中一切皆为WidgetMaterialApp应用  MaterialApp(         &nbs...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。