Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/farhanfadila1717/slide_countdown
A Flutter package to create easy slide animation countdown / countup timer.
https://github.com/farhanfadila1717/slide_countdown
animation countdown dart flutter
Last synced: about 2 months ago
JSON representation
A Flutter package to create easy slide animation countdown / countup timer.
- Host: GitHub
- URL: https://github.com/farhanfadila1717/slide_countdown
- Owner: farhanfadila1717
- License: mit
- Created: 2021-07-23T15:09:20.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2024-06-08T21:36:51.000Z (3 months ago)
- Last Synced: 2024-06-19T07:04:37.958Z (3 months ago)
- Topics: animation, countdown, dart, flutter
- Language: Dart
- Homepage: https://pub.dev/packages/slide_countdown
- Size: 288 KB
- Stars: 57
- Watchers: 2
- Forks: 41
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
## [![cover][]][pubdev]
# ⏱️ Slide Countdown
A Flutter package to create easy slide animation countdown / countup timer
[![flutter][]][web flutter] [![badge paypal][]][paypal account] [![badge linktree][]][linktree account]
- ⏱️ Support Count down and Count up
- ⏯️ Controll duration with [StreamDuration](https://pub.dev/packages/stream_duration) package
- 🔔 Callback finished
- 🎨 Easily custom duration layout with `RawSlideCountdown` and `RawDigitItem` widget.
---
## 🌟 Open To Work
Farhan The author of this package is available for hiring as Flutter Engineer. See portofolio website [here](https://farhanfadila.site/).
---
## Example
### Slidecountdown(Default)
```dart
SlideCountdown(
duration: const Duration(days: 2),
)
```
### Output SlideCountdown(Default)
[![slidecountdown][]][slidecountdown]
### SlideCountdownSeparated(Default)
```dart
SlideCountdownSeparated(
duration: const Duration(days: 2),
)
```
### Output SlideCountdownSeparated(Default)
[![slidecountdown separated][]][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.
```dart
SlideCountdown(
duration: const Duration(days: 2),
countUp: true,
)
```
### Output Slidecountdown countUp
[![slidecountdown countup][]][slidecountdown countup]
### Slidecountdown sparatorType.title
```dart
SlideCountdown(
duration: const Duration(days: 2),
separatorType: SeparatorType.title,
slideDirection: SlideDirection.up,
)
```
### Output Slidecountdown sparatorType.title
[![slidecountdown separatortype][]][slidecountdown separatortype]
---
## 🎨 Full Customize Slidecountdown
You can full customize slidecountdown with `RawSlideCountdown` and `RawDigitItem`
see example [here](https://github.com/farhanfadila1717/slide_countdown/blob/master/example/example_raw_slide_countdown.dart)
## Example Output Customize 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](https://github.com/farhanfadila1717/slide_countdown/blob/master/example/example.dart#L111).
```dart
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
**Farhan Fadila**
📫 Email: [email protected]
⛳ Website: [farhanfadila.site](https://farhanfadila.site/)
### ❤️ Donate for support this open source
[cover]: https://raw.githubusercontent.com/farhanfadila1717/flutter_package/master/display/slide_coutdown/slide_countdown.png
[slidecountdown]: https://raw.githubusercontent.com/farhanfadila1717/flutter_package/master/display/slide_coutdown/slidecountdown.gif
[slidecountdown separated]: https://raw.githubusercontent.com/farhanfadila1717/flutter_package/master/display/slide_coutdown/slidecountdown_separated.gif
[slidecountdown countup]: https://raw.githubusercontent.com/farhanfadila1717/flutter_package/master/display/slide_coutdown/slidecountdown_countup.gif
[slidecountdown separatortype]: https://raw.githubusercontent.com/farhanfadila1717/flutter_package/master/display/slide_coutdown/slidecountdown_separatortype.gif
[pubdev]: https://pub.dev/packages/slide_countdown
[flutter]: https://img.shields.io/badge/Platform-Flutter-02569B?logo=flutter
[web flutter]: https://flutter.dev
[account avatar]: https://avatars.githubusercontent.com/u/43161050?s=80
[github account]: https://github.com/farhanfadila1717
[badge linktree]: https://img.shields.io/badge/Donate-farhanfadila-orange
[linktree account]: https://linktr.ee/farhanfadila
[badge paypal]: https://img.shields.io/badge/Donate-PayPal-00457C?logo=paypal
[paypal account]: https://www.paypal.me/farhanfadila1717
[stream duration]: https://pub.dev/packages/stream_duration
[qr-paypal]: https://raw.githubusercontent.com/farhanfadila1717/flutter_package/master/display/qr-paypal.png
[raw-slidecountdown]: https://raw.githubusercontent.com/farhanfadila1717/flutter_package/master/display/slide_coutdown/raw_slide_countdown.png