Flutter-当内容更改时,淡化动画文本小部件

时间:2020-01-15 10:48:16

标签: flutter flutter-animation flutter-design

当内容更改时,我想为我的“文本”小部件设置动画。有没有两个单独的Text窗口小部件的方法吗?

为清楚起见,我有一个身份验证屏幕,在该屏幕上,我将“文本”小部件从“登录”更改为“注册”,反之亦然。应该在淡入淡出过渡中使其动画流畅。

Text('${_mode == AuthMode.Register ? 'Register' : 'Login'}', 
     style: Theme.of(context).textTheme.title),

当然,我可以简单地制作两个Text小部件,然后淡入一个,然后将另一个淡出。但是有没有更简单的方法?

亲切的问候, pichlerAT

1 个答案:

答案 0 :(得分:-1)

要在两个小部件之间淡入/淡出,请选中此

https://api.flutter.dev/flutter/widgets/AnimatedCrossFade-class.html