带有文本自定义的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),