Fllutter Countdown - перезапустить обратный отсчет по действию - PullRequest
Новая
       0

Fllutter Countdown - перезапустить обратный отсчет по действию

0 голосов
/ 19 июня 2020

Я использую компонент countdown_flutter для обратного отсчета. При запуске работает нормально. однако я хотел бы перезапустить счетчик (снова вызвать компонент), чтобы обратный отсчет начинался снова, когда я нажимаю кнопку или другое действие:

мой код: 

_buildCount() {
    return Expanded(
      child: Container(
        child: Center(
          child: CountdownFormatted(
            duration: Duration(seconds: 15),
            onFinish: () {
              _controller.nextQuestion();
              print('finished!');
            },
            builder: (BuildContext ctx, String remaining) {
              return Text(
                remaining,
                style: TextStyle(fontSize: 20),
              ); // 01:00:00
            },
          ),
        ),

      ),
    );
  }

onNext: () {
                setState(() {
                  _scoreKeeper.add(
                    Icon(
                      correct ? Icons.check : Icons.close,
                      color: correct ? Colors.green : Colors.red,
                    ),
                  );

                  if (_scoreKeeper.length < _controller.number) {
                    _buildCount(); // I would like to recall him here
                    _controller.nextQuestion();
                  } else {
                    _stopWatch.stop();
                    FinishDialog.show(
                      context,

                      usuarioLogado: usuarioLogado,

                    );
                  }
                });
              },

1 Ответ

0 голосов
/ 19 июня 2020

Я использую в своей викторине также обратный отсчет, и я понимаю это как в следующем примере кода.

Впервые вы можете установить значение обратного отсчета в методе initState, а затем вы можете написать resetTimer ( ) для сброса обратного отсчета. Эту функцию вы можете вызвать onPressed с помощью RaisedButton или чего угодно. Не забудьте отменить таймер с помощью функции cancel (). 

import 'package:flutter/material.dart';
import 'dart:async';

void main() => runApp(TimerExample());

class TimerExample extends StatefulWidget {
  @override
  _TimerExampleState createState() => _TimerExampleState();
}

class _TimerExampleState extends State<TimerExample> {
  Timer _timer;
  int _countdown;

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

  @override
  void dispose() {
    _timer.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Container(
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Text(_countdown.toString()),
                RaisedButton(
                  onPressed: () => resetTimer(),
                  child: Text('Reset Timer'),
                )
              ],
            ),
          ),
        ),
      )
    );
  }

  void startTimer() {
    const oneSecond = const Duration(seconds: 1);
    _timer = new Timer.periodic(
      oneSecond,
          (Timer timer) => setState(
            () {
          if (_countdown < 1) {
            timer.cancel();
          } else {
            _countdown--;
          }
        },
      ),
    );
  }

  void resetTimer() {
    _timer.cancel();
    _countdown = 10;
    startTimer();
  }
}
...