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 TimerSMSWidget extends StatefulWidget {
  /// 倒計(jì)時的秒數(shù)，默認(rèn)60秒。
  final int countdown;

  /// 用戶點(diǎn)擊時的回調(diào)函數(shù)。
  final Function onTapCallback;

  /// 是否可以獲取驗(yàn)證碼，默認(rèn)為`false`。
  final bool available;

  TimerSMSWidget({
    this.countdown: 60,
    this.onTapCallback,
    this.available: false,
  });

  @override
  _TimerSMSWidgetState createState() => _TimerSMSWidgetState();
}

class _TimerSMSWidgetState extends State<TimerSMSWidget> {
  /// 倒計(jì)時的計(jì)時器。
  Timer _timer;

  /// 當(dāng)前倒計(jì)時的秒數(shù)。
  int _seconds;

  /// 當(dāng)前墨水瓶（`InkWell`）的字體樣式。
  TextStyle inkWellStyle = _availableStyle;

  /// 當(dāng)前墨水瓶（`InkWell`）的文本。
  String _verifyStr = '獲取驗(yàn)證碼';

  @override
  void initState() {
    super.initState();
    _seconds = widget.countdown;
  }

  /// 啟動倒計(jì)時的計(jì)時器。
  void _startTimer() {
    // 計(jì)時器（`Timer`）組件的定期（`periodic`）構(gòu)造函數(shù)，創(chuàng)建一個新的重復(fù)計(jì)時器。
    _timer = Timer.periodic(Duration(seconds: 1), (timer) {
      if (_seconds == 0) {
        _cancelTimer();
        _seconds = widget.countdown;
        inkWellStyle = _availableStyle;
        setState(() {});
        return;
      }
      _seconds--;
      _verifyStr = '已發(fā)送$_seconds' + 's';
      setState(() {});
      if (_seconds == 0) {
        _verifyStr = '重新發(fā)送';
      }
    });
  }

  /// 取消倒計(jì)時的計(jì)時器。
  void _cancelTimer() {
// 計(jì)時器（`Timer`）組件的取消（`cancel`）方法，取消計(jì)時器。
    _timer?.cancel();
  }

  @override
  Widget build(BuildContext context) {
// 墨水瓶（`InkWell`）組件，響應(yīng)觸摸的矩形區(qū)域。
    return widget.available
        ? InkWell(
            child: Text(
              '  $_verifyStr  ',
              style: inkWellStyle,
            ),
            onTap: (_seconds == widget.countdown)
                ? () {
                    _startTimer();
                    inkWellStyle = _unavailableStyle;
                    _verifyStr = '已發(fā)送$_seconds' + 's';
                    setState(() {});
                    widget.onTapCallback();
                  }
                : null,
          )
        : InkWell(
            child: Text(
              '  獲取驗(yàn)證碼  ',
              style: _unavailableStyle,
            ),
          );
  }
}