小编stf*_*000的帖子

Flutter:显示分钟和秒的倒数计时器

我创建了一个倒数计时器,它将从用户输入的持续时间开始倒计时,以分钟为单位。

倒数计时器在技术上是有效的,但只有分钟显示倒计时。秒数始终保持在 :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)

dart flutter flutter-animation

7
推荐指数
2
解决办法
1万
查看次数

标签 统计

dart ×1

flutter ×1

flutter-animation ×1