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

Posted 2021-04-12

当内容更改时，我想为我的文本小部件制作动画。没有两个独立的Text小部件，有没有办法做到这一点？

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

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

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

亲切的问候，pichlerAT

答案

关于两个小部件之间的淡入/淡出，请检查此

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