flutter - 在 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);
}
},
)
我知道我需要检查动画控制器是否已暂停并将播放图标更改为暂停图标,但我不知道该怎么做。
解决方案
尝试在 stop() 和 reverse() 之后使用 setState
推荐阅读
- angular - 通过 post 请求将 pdf 文件发送到服务器
- fortran - 现代 Fortran 等效于嵌套 DO 和 GO TO 共享的操作语句
- c# - 私有类成员是否应该使用自己的 ILogger 实例?
- reactjs - react-final-form 字段的获取请求 onChange 事件正在清除 autoComplete 字段
- json - 如何在 Flutter 中集成 MikroTik API?
- python - 在模型中编写查询
- java - 如何解决 dio https 状态 401 错误?
- python - 从第一个键中删除最后一个值
- strapi - “找不到模型用户权限。”
- javascript - 如何在反应项目中处理一个地方的axios错误?