flutter - 我希望计时器在 flutter 打中使用后过期

Question

我在Flutter中使用Timer()在屏幕之间切换，我有screen1，它在经过一些延迟后切换到screen2，并在经过一些延迟后切换回到screen1。

我希望这些功能以相同的方式工作，但是我希望切换仅完成一次。现在，在运行计时器之后，屏幕将继续来回切换(从逻辑上讲这是正确的，因为我没有使用任何函数来使Timer()失效)。我想知道如何使Timer()失效，因此它不会切换多次。这是我的代码。

class _SpeedometerScreenState extends State<SpeedometerScreen> {

  var duration;

  @override
  void initState() {
    super.initState();
    startTimer();
  }

  startTimer() async {
    duration = Duration(seconds: 5);
    return Timer(duration, route);
  }

  route() {
    Navigator.pushReplacement(
       context,
       MaterialPageRoute(
         builder: (context) => MapScreen(),
       ),
    );
  }

  @override
  Widget build(BuildContext context) {
     return Scaffold(...);
  }

}

任何帮助将不胜感激。提前致谢。

Answer 1

跟踪代码中创建的计时器以及何时要取消对该计时器对象的调用cancel()。

class _SpeedometerScreenState extends State<SpeedometerScreen> {
  Timer _timer;

  Timer startTimer() {
    var duration = Duration(seconds: 5);
    return Timer(duration, route);
  }


  @override
  void initState() {
    super.initState();
    _timer = startTimer();
  }

  _cancelTimer() {
    if (_timer?.isActive) {
      _timer.cancel()
    }
  }

  // Your other code
}

导航到第三页时，调用_cancelTimer。由于您有两个不同的类，而两个类具有两个不同的计时器，因此必须在两个类中都编写它。