circular_timer

Creator: coderz1093

Last updated:

0 purchases

circular_timer Image
circular_timer Images

Languages

Categories

Add to Cart

Description:

circular timer

Circular Timer
This flutter package give a circular timer widget that is very easy to use and with a smooth animation
---
Features #
Light package that works this PLATFORM: ANDROID IOS LINUX MACOS WEB WINDOWS
![timer](https://res.cloudinary.com/dtmbsttms/image/upload/v1655903930/timer_or4ue6.gif | width=500)
![outlined_timer](https://res.cloudinary.com/dtmbsttms/image/upload/v1655903930/outlined-timer_uk3dqm.gif | width=500)
Getting started #
TO install
flutter pub add circular_timer: ^1.0.1
Usage #
Basic usage
CircularTimer(
duration: const Duration(seconds: 30),
radius: 100,
),
copied to clipboard
To change the default color, use the color property
CircularTimer(
duration: const Duration(seconds: 10),
radius: 100,
color: Colors.green,
),
copied to clipboard
To repeat the timer after the duration is completed set repeat: true the default value is false.
CircularTimer(
duration: const Duration(seconds: 10),
radius: 100,
color: Colors.green,
repeat: true,
),
copied to clipboard
The startAngle is the position where it starts counting ` its value must be in radian`
startAngle default value is set to
1.5 * math.pi

To form a ring around the circular timer:
you have to set outline: true
the ring width can change by setting the outlinedWidth to a nonNegative value
OutlinedPadding is the distance between the ring and the circular timer and can be set to zero to form a border. The default outlinedPadding value is 4.0
CircularTimer(
duration: const Duration(seconds: 10),
radius: 100,
color: Colors.green,
repeat: true,
outline: true,
outlinedPadding: 0.0
outlinedWidth: 3.0
),
copied to clipboard
CircularTimer has a decorationproperty that allow you the rewrite the default outlinedColor that is the ring color`
CircularTimer(
duration: const Duration(seconds: 10),
radius: 100,
color: Colors.green,
decoration: CircleDecoration(
outlinedColor: Colors.green
)
),
copied to clipboard
you can rewrite the outlinestyle and circleStyle inside the CircleDecoration
Additional information #
To contribute to this package
https://github.com/morka17/circular_timer
To file any issues
https://github.com/morka17/circular_timer/issues

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.