带有文本自定义的 Flutter 倒计时动画
Flutter countdown animation with text customization
尝试在 Flutter
中创建一个简单的倒数计时器动画。
我使用了 StepTween
class 和 AnimatedController
来实现动画效果:
.
但是,我想要完成的看起来像这样:
我尝试创建一个 Row
小部件并添加一个 Text()
,然后添加 AnimatedWidget()
。然而,样式与预期结果相去甚远:
- 如何使
AnimatedWidget()
中的文本与设计相匹配?size/color?
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),
尝试在 Flutter
中创建一个简单的倒数计时器动画。
我使用了 StepTween
class 和 AnimatedController
来实现动画效果:
但是,我想要完成的看起来像这样:
我尝试创建一个 Row
小部件并添加一个 Text()
,然后添加 AnimatedWidget()
。然而,样式与预期结果相去甚远:
- 如何使
AnimatedWidget()
中的文本与设计相匹配?size/color? 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),