countdown_pill 1.0.0 copy "countdown_pill: ^1.0.0" to clipboard
countdown_pill: ^1.0.0 copied to clipboard

A customizable countdown pill widget with different time formats and animations.

countdown_pill #

A customizable countdown timer widget for Flutter, with real-time updates, flexible styling options, and optional animations.

Features #

  • Real-time countdown updates every second.
  • Highly customizable text style and decoration (padding, color, border radius, etc.).
  • Optional scale animation effect for a dynamic, engaging UI.
  • Supports dynamic size and flexible layout with various formatting options.
  • Simple API design with minimal setup.
  • Lightweight and easy to integrate into any Flutter project.

Installation #

Add the following to your pubspec.yaml:

  countdown_pill: ^1.0.0

Basic Example #

CountdownPill(
  targetDate: DateTime.now().add(Duration(days: 5)), 
  format: '{d} days {H}H {M}M {S}S remaining',
  animate: true,
  decoration: BoxDecoration(
    color: Colors.blue.withOpacity(0.2),
    borderRadius: BorderRadius.circular(12),
  ),
  textStyle: TextStyle(color: Colors.black, fontSize: 18),
)

Custom Styling Example #

CountdownPill(
  targetDate: DateTime.now().add(Duration(days: 1)),
  format: '{d} days {H}H {M}M remaining',
  animate: false,
  decoration: BoxDecoration(
    color: Colors.green,
    borderRadius: BorderRadius.circular(20),
    border: Border.all(color: Colors.black, width: 2),
  ),
  textStyle: TextStyle(fontSize: 16, color: Colors.white),
)

For animation #

animate: true
3
likes
0
points
73
downloads

Publisher

unverified uploader

Weekly Downloads

A customizable countdown pill widget with different time formats and animations.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter, intl

More

Packages that depend on countdown_pill