Flutter | 验证码的倒计时进入后台停止了怎么办？

测试反馈：

获取验证码后，进入后台，过段时间进入前台，倒计时时间对不上。

原因：

倒计时是通过 Timer 控制的，在 iOS 上，进入后台大约 30 秒后，Timer 的 callback 就不回调了。

代码：

伪代码如下：

int _restCount = 60;
_timer = Timer.periodic(const Duration(seconds: 1), (timer) {
  setState(() {
    _restCount--;
  });
});
1
2
3
4
5
6

类似这样的代码肯定会出问题的：进入后台，callback 停止后，_restCount 的值也不变了。再次进入前台，callback 继续回调，_restCount 的值才改变。

解决方案 1：

记录进入后台与进入前台的时间，根据时间差做处理。

可以，但麻烦，且没必要，因为有方案 2。

解决方案 2：

Timer 有个属性： tick。

即使 callback 停止回调了，tick 也是在一直在累加的。

利用这个 tick，只需改一行代码就可以解决此问题：

int _restCount = 60;
_timer = Timer.periodic(const Duration(seconds: 1), (timer) {
  setState(() {
    _restCount = 60 - timer.tick;
  });
});
1
2
3
4
5
6