Flutter + Firebase - 计算剩余时间

如何解决Flutter + Firebase - 计算剩余时间

我正在尝试计算从帖子添加到数据库中剩余的时间。我希望多个设备看到相同的倒数计时器。

round {
  seconds: 5,time: 1619971281887 (ServerValue.timstamp)
}

并使用以下代码计算剩余时间。此代码是对 How to implement a distributed countdown timer in Firebase

中的代码的改编

databaseReference.child(code).child("round").onValue.listen((event) {
    var seconds = event.snapshot.value['seconds'];
    var startAt = event.snapshot.value['time'];
    Timer.periodic(new Duration(seconds: 1),(timer) {
      var timeLeft = (seconds * 1000) -
          ((DateTime.Now().millisecondsSinceEpoch -
              startAt -
              serverTimeOffset));
      print("Seconds");
      print(seconds * 1000);
      print("Time Now");
      print(DateTime.Now().millisecondsSinceEpoch);
      print("Start At");
      print(startAt);
      print("Offset");
      print(serverTimeOffset);
      print("Time Left");
      print(timeLeft);
      if (timeLeft < 0) {
        timer.cancel();
      } else {
        var show = (timeLeft / 1000).floor();
        var per = (timeLeft % 1000);
        //print(show);
        //print(per);
      }
    });
  });

为了查看上面的代码是否正常工作，我添加了几个打印调用。问题是 startAt 由于某种原因不断更新自身。不知道为什么会这样。如果有人能提供一些启发，我们将不胜感激。

控制台的部分输出如下：

Flutter: Start At
Flutter: 1619982194189
Flutter: Time Left
Flutter: 10506.6201171875
Flutter: Start At
Flutter: 1619982193226
Flutter: Time Left
Flutter: 9315.6201171875

解决方法

如果您的 onValue 被多次调用，则意味着数据库中的值正在更新。您共享的代码不会发生任何此类更新，因此我建议您搜索其余代码以查找此类写入。

您还应该能够通过查看 Firebase 控制台中的节点来查看更新。这使您可以准确地看到更新发生的时间，并且可能更容易找到 source.ce

最后，如果您不关心更新，您可以使用 once() 代替 onValue 只从数据库中获取一次值。

,

如果代码正在运行，而您不确定它为什么在运行，找出问题的最佳方法是使用调试器并查看代码何时被调用。

给定您的代码，它会在有新事件时更新并启动新计时器。