首页 > 解决方案 > 在 Flutter 中创建播放暂停按钮的正确方法是什么

问题描述

我按照教程创建了一个倒数计时器,为了开始和停止倒数,我FloatingActionButton使用三元运算符添加了一个添加的播放和暂停图标。现在,按钮图标只会从播放变为暂停。当倒计时暂停时,它不会变回播放图标。

这是我的代码:

FloatingActionButton(
                child: AnimatedBuilder(
                  animation: controller,
                  builder: (context, child) {
                    return Icon(controller.isAnimating
                        ? Icons.pause
                        : Icons.play_arrow);
                  },
                ),
                onPressed: () {
                  if (controller.isAnimating) {
                    controller.stop();
                  } else {
                    controller.reverse(
                        from:
                            controller.value == 0 ? 1.0 : controller.value);
                  }
                },
              )

在此处输入图像描述

我知道我需要检查动画控制器是否已暂停并将播放图标更改为暂停图标,但我不知道该怎么做。

标签: flutterdartbuttoncountdown

解决方案


尝试在 stop() 和 reverse() 之后使用 setState


推荐阅读