我创建了一个倒数计时器,它将从用户输入的持续时间开始倒计时,以分钟为单位。
倒数计时器在技术上是有效的,但只有分钟显示倒计时。秒数始终保持在 :00。
如何让秒数也显示为倒数计时器的一部分?
这是相关代码,摘自一个较长的文件。如果需要,我可以包括更多。
各个代码段分解如下:
首先,我有一个实际显示计时器文本并允许对其进行样式设置的类:
class Countdown extends AnimatedWidget {
Countdown({ Key key, this.animation }) : super(key: key, listenable: animation);
Animation<int> animation;
@override
build(BuildContext context){
Duration clockTimer = Duration(seconds: animation.value*60);
String timerText = '${clockTimer.inMinutes.remainder(60).toString()}:${(clockTimer.inSeconds.remainder(60) % 60).toString().padLeft(2, '0')}';
return Text(
"$timerText",
style: TextStyle(
fontSize: 110,
color: Theme.of(context).primaryColor,
),
);
}
}
Run Code Online (Sandbox Code Playgroud)
我有一个动画控制器,如下所示:
AnimationController _controller;
@override
void dispose(){
_controller.dispose();
super.dispose();
}
void initState() {
super.initState();
@override
_controller = AnimationController(
vsync: this,
duration: Duration(minutes: gameData.levelClock) // gameData.levelClock is a user entered …Run Code Online (Sandbox Code Playgroud)