具有文本自定义功能的Flutter倒数动画

Question

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

我已经使用StepTween类和AnimatedController来通过以下方式实现动画：

Flutter - Create a countdown widget。

但是，我要完成的工作看起来像这样：

我尝试创建Row小部件并添加Text()和AnimatedWidget()。但是样式与预期结果相去甚远：

1. 如何获得AnimatedWidget()中文本的大小/颜色以匹配设计？
2. AnimatedWidget()切换到0-10区域内的一位数字。例如，不是将倒数显示为0:09，而是将其显示为0:9。我该如何更改？

谢谢！

Answer 1

倒计时小部件中

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

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

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