Flutter如何重置倒计时

Question

我正在制作一些可以在我点击“重新发送”时重新发送一些 otp 的应用程序。 我正在尝试刷新 state，但它似乎没有用。 有人可以帮助重置倒数计时器吗？

飞镖代码

Answer 1

您需要通过function

首先，您需要将restartTimer更改为此

   void restartTimer() {
    setState(() {
      _controller.reset();
       _controller.forward();
    });
  }

然后将使用Countdown的小部件更改为此

  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Countdown(
            restartTimer:restartTimer, // send the function
            animation: StepTween(
              begin: 1 * 60,
              end: 0,
            ).animate(_controller),
          ),
        ),
      ),
    );
  }

之后您需要receive function

class Countdown extends AnimatedWidget {
  Countdown({Key key, this.animation,this.restartTimer}) : super(key: key, listenable: animation);
  Animation<int> animation;
  final Function restartTimer;
   ....

然后在Countdown中将OnTap更改为此

 onTap: () {
              this.restartTimer();
            },

Answer 2

试试这个

void restartTimer() {
    countDownTimer.cancel();
    startTimer();
  }