[Flutter]倒计时和计时器

在Flutter中，你可以使用Timer类来实现倒计时功能，并使用StatefulWidget来更新界面。以下是一个简单的倒计时示例：

import 'package:flutter/material.dart';
import 'dart:async';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: CountdownTimerPage(),
    );
  }
}
 
class CountdownTimerPage extends StatefulWidget {
  @override
  _CountdownTimerPageState createState() => _CountdownTimerPageState();
}
 
class _CountdownTimerPageState extends State<CountdownTimerPage> {
  Timer _timer;
  int _secondsRemaining = 10;
 
  @override
  void initState() {
    super.initState();
    _startTimer();
  }
 
  @override
  void dispose() {
    _timer?.cancel();
    super.dispose();
  }
 
  void _startTimer() {
    const oneSec = const Duration(seconds: 1);
    _timer = Timer.periodic(oneSec, (Timer timer) {
      if (_secondsRemaining < 1) {
        timer.cancel();
        _secondsRemaining = 0;
      } else {
        setState(() {
          _secondsRemaining--;
        });
      }
    });
  }
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text(
          _secondsRemaining > 0 ? '$_secondsRemaining' : 'Finished',
          style: Theme.of(context).textTheme.display1,
        ),
      ),
    );
  }
}

这段代码创建了一个倒计时器，初始化时间为10秒。当倒计时结束时，计时器取消。你可以通过修改_secondsRemaining的值来设置你需要的倒计时时间。这个例子也展示了如何在Flutter中使用StatefulWidget来处理计时器和状态更新。