Flutter-定时器

import 'dart:async';

import 'package:flutter/material.dart';

/// 墨水瓶（`InkWell`）可用时使用的字体样式。

final TextStyle _availableStyle = TextStyle(

fontSize:16.0,

color:const Color(0xFF00CACE),

);

/// 墨水瓶（`InkWell`）不可用时使用的样式。

final TextStyle _unavailableStyle = TextStyle(

fontSize:16.0,

color:const Color(0xFFCCCCCC),

);

class TimerSMSWidgetextends StatefulWidget {

/// 倒计时的秒数，默认60秒。

  final intcountdown;

/// 用户点击时的回调函数。

  final FunctiononTapCallback;

/// 是否可以获取验证码，默认为`false`。

  final boolavailable;

TimerSMSWidget({

this.countdown:60,

this.onTapCallback,

this.available:false,

});

@override

  _TimerSMSWidgetState createState() => _TimerSMSWidgetState();

}

class _TimerSMSWidgetStateextends State {

/// 倒计时的计时器。

  Timer_timer;

/// 当前倒计时的秒数。

  int_seconds;

/// 当前墨水瓶（`InkWell`）的字体样式。

  TextStyleinkWellStyle = _availableStyle;

/// 当前墨水瓶（`InkWell`）的文本。

  String_verifyStr ='获取验证码';

@override

  void initState() {

super.initState();

_seconds =widget.countdown;

}

/// 启动倒计时的计时器。

  void _startTimer() {

// 计时器（`Timer`）组件的定期（`periodic`）构造函数，创建一个新的重复计时器。

    _timer = Timer.periodic(

Duration(seconds:1),

(timer) {

if (_seconds ==0) {

_cancelTimer();

_seconds =widget.countdown;

inkWellStyle = _availableStyle;

setState(() {});

return;

}

_seconds--;

_verifyStr ='已发送$_seconds'+'s';

setState(() {});

if (_seconds ==0) {

_verifyStr ='重新发送';

}

});

}

/// 取消倒计时的计时器。

  void _cancelTimer() {

// 计时器（`Timer`）组件的取消（`cancel`）方法，取消计时器。

    _timer?.cancel();

}

@override

  Widget build(BuildContext context) {

// 墨水瓶（`InkWell`）组件，响应触摸的矩形区域。

    return widget.available ? InkWell(

child: Text(

'  $_verifyStr  ',

style:inkWellStyle,

),

onTap: (_seconds ==widget.countdown) ? () {

_startTimer();

inkWellStyle = _unavailableStyle;

_verifyStr ='已发送$_seconds'+'s';

setState(() {});

widget.onTapCallback();

} :null,

): InkWell(

child: Text(

'  获取验证码  ',

style: _unavailableStyle,

),

);

}

}