circular_countdown 1.2.1

Flutter Android iOS web

A package that represents a circular countdown that you can use for every kind of units (days, hours, seconds, points, ...).

circular_countdown #

A package that represents a circular countdown that you can use for every kind of units (days, hours, seconds, points, ...).

Getting Started #

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  ...
  circular_countdown: ^1.2.1

In your library add the following import:

import  'package:circular_countdown/circular_countdown.dart';

Static countdown #

This is the way to create a simple static countdown.

import 'package:flutter/material.dart';
...
CircularCountdown(
	countdownTotal:  10,
	countdownRemaining:  7,
)
...

By playing with the parameters, you can change the size, the colors, the size of the gaps, the strokeWidth and more to have more complex Countdowns.

Timer countdown #

If you want to use the CircularCountdown widget as a Time Countdown, you can use the built-in TimeCircularCountdown that wraps the timer logic for you: (see how in example)

TimeCircularCountdown(
    unit: CountdownUnit.seconds,
    countdownTotal: 30,
    onUpdated: (unit, remainingTime) => print('Updated'),
    onFinished: () => print('Countdown finished'),
);

You can repeat the timer when ended by using the repeat bool property.

Demo #

A web demo is available here : https://mattisbrizard.github.io/circular_countdown/#/

Build Status

Contribution #

If you find a bug or want a feature, but don't know how to fix/implement it, please fill an issue. If you fixed a bug or implemented a feature, please send a pull request.

15
likes
110
pub points
79%
popularity

A package that represents a circular countdown that you can use for every kind of units (days, hours, seconds, points, ...).

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

mattisbrizard@gmail.com

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on circular_countdown