blinking_timer 1.0.2

A customizable countdown timer with blinking effects that intensify as time runs out.

example/lib/main.dart

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

void main() async {
  runApp(const BlinkingTimerExample());
}

class BlinkingTimerExample extends StatefulWidget {
  const BlinkingTimerExample({super.key});

  @override
  State<BlinkingTimerExample> createState() => _BlinkingTimerExampleState();
}

class _BlinkingTimerExampleState extends State<BlinkingTimerExample> {
  int exampleMinute = 1;
  late final BlinkingTimerController timerController;

  @override
  void initState() {
    super.initState();
    timerController = BlinkingTimerController();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Blinking Timer Example',
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              /// Example 1: Basic Usage
              Text(
                'Basic Usage Example',
                style: TextStyle(
                  fontSize: 24,
                  fontWeight: FontWeight.bold,
                ),
              ),
              SizedBox(height: 12),
              BlinkingTimer(
                duration: const Duration(seconds: 10),
                showMilliseconds: true,
                slowBlinkingThreshold: 0.5,
                fastBlinkingThreshold: 0.3,
              ),

              const SizedBox(height: 20),

              /// Example 2: Custom UI
              Text(
                'Custom UI Example',
                style: TextStyle(
                  fontSize: 24,
                  fontWeight: FontWeight.bold,
                ),
              ),
              SizedBox(height: 12),
              BlinkingTimer(
                duration: const Duration(seconds: 11),
                initialColor: Colors.blue,
                warningColor: Colors.orange,
                criticalColor: Colors.red,
                customTimerUI: (text, color, progress, _, isBlinking) {
                  return Stack(
                    alignment: Alignment.center,
                    children: [
                      SizedBox(
                        width: 75,
                        height: 75,
                        child: CircularProgressIndicator(
                          value: progress,
                          strokeWidth: 10,
                          color: color,
                          backgroundColor: color.withValues(alpha: 0.1),
                        ),
                      ),
                      Column(
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          Text(
                            text,
                            style: TextStyle(
                              fontSize: 16,
                              color: isBlinking
                                  ? color.withValues(alpha: 0.7)
                                  : color,
                              fontWeight: FontWeight.bold,
                            ),
                          ),
                          Text(
                            "${(progress * 100).toStringAsFixed(0)}%",
                            style:
                                TextStyle(color: color.withValues(alpha: 0.8)),
                          ),
                        ],
                      ),
                    ],
                  );
                },
              ),

              const SizedBox(height: 20),

              /// Example 3: Advance Usage using Controller
              Text(
                'Advanced Usage Example',
                style: TextStyle(
                  fontSize: 24,
                  fontWeight: FontWeight.bold,
                ),
              ),
              SizedBox(height: 12),
              Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  BlinkingTimer(
                    duration: const Duration(seconds: 10),
                    controller: timerController,
                    onTimeUpThreshold: () => debugPrint('Time up!'),
                  ),
                  SizedBox(height: 12),
                  Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 12.0),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        ElevatedButton(
                          onPressed: timerController.pause,
                          child: Text('Pause'),
                        ),
                        ElevatedButton(
                          onPressed: timerController.resume,
                          child: Text('Resume'),
                        ),
                        ElevatedButton(
                          onPressed: () =>
                              timerController.restart(Duration(seconds: 10)),
                          child: Text('Restart Timer'),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}