时间戳

首页 > 解决方案 > 如何在flutter中进行倒计时？

timer - 如何在flutter中进行倒计时？

问题描述

如何实现一个计时器小部件，它在时间到期后导航到另一个屏幕，或者它在之后重新启动，让我们说一个滑动手势？

标签： timerdartfluttercountdowntimer

解决方案

Flutter 有一个类RestartableTimer，它从Timer. 设置计时器时，它获取一个Duration元素和一个回调方法。

当您想重新启动它时，您可以简单地重置它。这是完成所有这些的代码片段。你可以把代码放到相关的地方。

//You need to import this
import 'package:async/async.dart';

// Duration is 5 seconds
Duration _timerDuration = new Duration(seconds: 5);

// Creating a new timer element.
RestartableTimer _timer = new RestartableTimer(_timerDuration, _startNewPage);

fun _startNewPage() {
     Navigator.push(
          context,
          MaterialPageRoute(builder: (context) => SecondScreen()),
     );
}

// Restarting the timer
_timer.reset();

推荐阅读