flutter_animated_timer_icon 0.0.3

Flutter package of small icon timer that has a circular graph that shows the time consumed or remaining.

example/lib/main.dart

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

void main() => runApp(const MyApp());

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final animateTimerController = AnimateTimerController();
  final animateTimerController2 = AnimateTimerController();
  TextEditingController textEditingController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Material App',
      debugShowCheckedModeBanner: false,
      home: Scaffold(
          appBar: AppBar(
            title: const Text('Material App Bar'),
          ),
          body: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Center(
              child: SizedBox(
                width: 200,
                child: Column(
                  children: [
                    TextField(
                      controller: textEditingController..text = ' ',
                      decoration: InputDecoration(
                        labelText: 'Enter the code',
                        suffix: AnimateTimer(
                          animateTimerController: animateTimerController,
                          size: 22,
                          color: Colors.blue,
                          animationDuration: 10,
                          animationBehaviorPreserve: true,
                        ),
                      ),
                    ),
                    const SizedBox(
                      height: 20,
                    ),
                    TextButton(
                        onPressed: () {
                          textEditingController.text = ' ';
                          animateTimerController.restart();
                        },
                        child: const Text('Submit')),
                    const SizedBox(
                      height: 50,
                    ),
                    Center(
                      child: AnimateTimer(
                        animateTimerController: animateTimerController2,
                        size: 200,
                        color: Colors.blue,
                        animationDuration: 10,
                        animationBehaviorPreserve: true,
                      ),
                    ),
                    const SizedBox(
                      height: 50,
                    ),
                    Row(
                      children: [
                        TextButton(
                            onPressed: () {
                              animateTimerController2.restart();
                            },
                            child: const Text('Restart')),
                        TextButton(
                            onPressed: () {
                              animateTimerController2.start();
                            },
                            child: const Text('Start')),
                        TextButton(
                            onPressed: () {
                              animateTimerController2.stop();
                            },
                            child: const Text('Stop')),
                      ],
                    )
                  ],
                ),
              ),
            ),
          )),
    );
  }
}