带有文本自定义的 Flutter 倒计时动画

Flutter countdown animation with text customization

尝试在 Flutter 中创建一个简单的倒数计时器动画。

我使用了 StepTween class 和 AnimatedController 来实现动画效果:

.

但是,我想要完成的看起来像这样:

我尝试创建一个 Row 小部件并添加一个 Text(),然后添加 AnimatedWidget()。然而,样式与预期结果相去甚远:

  1. 如何使 AnimatedWidget() 中的文本与设计相匹配?size/color?
  2. AnimatedWidget() 切换到 0-10 范围内的单个数字。例如,倒计时不是显示为 0:09,而是显示为 0:9。我该如何更改?

谢谢!

在倒计时小部件中

 child: new Text(val.toString(), style: new TextStyle(fontSize: 150.0)),

负责您看到的样式。而是尝试删除样式或应用主题:

 child: new Text(val.toString(), style: Theme.of(context).textTheme.body1),