【问题标题】:Flutter - Fade animate Text widget when its content changesFlutter - 当其内容更改时淡出动画文本小部件
【发布时间】:2020-05-02 03:00:03
【问题描述】:

我想在我的 Text 小部件的内容发生变化时为其设置动画。有没有办法在没有两个单独的 Text 小部件的情况下做到这一点?

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

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

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

亲切的问候, pichlerAT

【问题讨论】:

  • AnimatedSwitcher

标签: flutter flutter-animation flutter-design


【解决方案1】:

对于两个小部件之间的淡入/淡出,检查这个

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-01-06
    • 1970-01-01
    • 2023-04-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多