flutter_timer_countdown

Description:

flutter timer countdown

flutter_timer_countdown is a Flutter package for a Timer. ✨
It is a simple customizable timer for counting down a given time with any Custom TextStyle.
Supporting Android, iOS & WebApp.
Why? #
We build this package because we wanted to:

have simple timer
customize timer textstyles
choose the timer description
be able to unable the timer description

❗NEW Features ❗ #
Customizable space between number units and colons #
With the parameter spacerWidth you can now define the size of the space between number units and colons. The default is set to 10 (double).
Show Cases #

Show only the time units you want to...

Show only days, hours, minutes, seconds...


Installation #
Create a new project with the command
flutter create MyApp
copied to clipboard
Add
flutter_timer_countdown: ...
copied to clipboard
to your pubspec.yaml of your flutter project.
OR
run
flutter pub add flutter_timer_countdown
copied to clipboard
in your project's root directory.
In your library add the following import:
import 'package:flutter_timer_countdown/flutter_timer_countdown.dart';
copied to clipboard
For help getting started with Flutter, view the online documentation.
Usage #
You can place your TimerCountdown inside of a Scaffold or CupertinoPageScaffold like we did here. Optional parameters can be defined to enable different features. See the following example..
import 'package:flutter_timer_countdown/flutter_timer_countdown.dart';
import 'package:flutter/cupertino.dart';

class Example extends StatelessWidget {
@override
Widget build(BuildContext context) {
return CupertinoPageScaffold(
child: TimerCountdown(
format: CountDownTimerFormat.daysHoursMinutesSeconds,
endTime: DateTime.now().add(
Duration(
days: 5,
hours: 14,
minutes: 27,
seconds: 34,
),
),
onEnd: () {
print("Timer finished");
},
),
);
}
}
copied to clipboard
Constructor #
Basic



Parameter
Default
Description
Required




endtime
-
Defines the time when the timer is over
true


format
DaysHoursMinutesSeconds
Format for the timer coundtown, choose between different CountDownTimerFormats
false


onEnd
-
Function to call when the timer is over
false


enableDescriptions
-
Toggle time units descriptions
false


timeTextStyle
-
TextStyle for the time numbers
false


colonsTextStyle
-
TextStyle for the colons betwenn the time numbers
false


descriptionTextStyle
-
TextStyle for the timer description
false


daysDescription
Days
Days unit description
false


hoursDescription
Hours
Hours unit description
false


minutesDescription
Minutes
Minutes unit description
false


secondsDescription
Seconds
Seconds unit description
false


spacerWidth
10
Defines the width between the colons and the units
false




Made with ❤ by Flutter team at Appinio GmbH