/slide_countdown

A Flutter package to create easy slide animation countdown / countup timer.

Primary LanguageDartMIT LicenseMIT

cover

flutter badge paypal badge linktree
qr-paypal
A Flutter package to create easy slide animation countdown / countup timer.


Example SlideCountdown

Slidecountdown(Default)

SlideCountdown(
  duration: const Duration(days: 2),
)

Output SlideCountdown(Default)

slidecountdown


SlideCountdownSeparated(Default)

SlideCountdownSeparated(
  duration: const Duration(days: 2),
)

Output SlideCountdownSeparated(Default)

slidecountdown separated


CountUp is True

When the countup value is the same as the duration, it will call onDone. If you do not set a duration, the countup will continue infinitely and onDone will never be called.

SlideCountdown(
  duration: const Duration(days: 2),
  countUp: true,
)

Output Slidecountdown countUp

slidecountdown countup


Slidecountdown sparatorType.title

SlideCountdown(
  duration: const Duration(days: 2),
  separatorType: SeparatorType.title,
  slideDirection: SlideDirection.up,
)

Output Slidecountdown sparatorType.title

slidecountdown separatortype


Full Customize Slidecountdown

You can full customize slidecountdown with RawSlideCountdown and RawDigitItem see example here

Output Customize Slidecountdown

raw-slidecountdown


Example control duration

If you want to control duration more advanced, you can override property StreamDuration.
You can play, pause, change, add, subtract duration.

If you override/custom StreamDuration duration property has no effect anymore.
See Full example control duration here.

final streamDuration = StreamDuration(const Duration(hours: 2));

SlideCountdown(
  // This duration no effect if you customize stream duration
  duration: const Duration(seconds: 10),
  streamDuration: streamDuration,
),

🚧 Maintainer

account avatar
Farhan Fadila
📫 How to reach me: farhan.fadila1717@gmail.com

❤️ Support the maintainer

qr-paypal
badge paypal badge linktree