flutter 验证码倒计时

在 Flutter 中实现验证码倒计时可以通过使用计时器 Timer 来实现。以下是一个简单的示例：

1. 首先定义一个变量 `countdownTime` 表示倒计时的时间，以秒为单位。

int countdownTime = 60;

2. 然后定义一个变量 `timer` 来控制计时器的执行。

Timer timer;

3. 在需要开始倒计时的时候，启动计时器，并在计时器中更新倒计时的时间。

void startCountdown() {
  timer = Timer.periodic(Duration(seconds: 1), (timer) {
    setState(() {
      if (countdownTime < 1) {
        timer.cancel();
      } else {
        countdownTime -= 1;
      }
    });
  });
}

4. 在界面中显示倒计时的时间。可以使用 Text 组件来显示，然后在组件的 text 属性中使用字符串插值来显示倒计时的时间。

Text('倒计时 $countdownTime 秒')

完整的示例代码如下：

import 'dart:async';

import 'package:flutter/material.dart';

class CountdownPage extends StatefulWidget {
  @override
  _CountdownPageState createState() => _CountdownPageState();
}

class _CountdownPageState extends State<CountdownPage> {
  int countdownTime = 60;
  Timer timer;

  void startCountdown() {
    timer = Timer.periodic(Duration(seconds: 1), (timer) {
      setState(() {
        if (countdownTime < 1) {
          timer.cancel();
        } else {
          countdownTime -= 1;
        }
      });
    });
  }

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('验证码倒计时'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text('倒计时 $countdownTime 秒'),
            SizedBox(height: 16),
            RaisedButton(
              child: Text('开始倒计时'),
              onPressed: startCountdown,
            ),
          ],
        ),
      ),
    );
  }
}