neon_circular_timer 0.0.2 copy "neon_circular_timer: ^0.0.2" to clipboard
neon_circular_timer: ^0.0.2 copied to clipboard

outdated

A package that helps you to build a timer as fast as possible with a beautiful UI, it's highly customizable you can change the color,the thickness of the timer you can also change the clock text to lo [...]

neon_circular_timer #

If you need to make a timer application with a fancy neon effect then this package is for you

Usage #

  NeonCircularTimer(
                width: 200,
                duration: 10,
                strokeWidth: 10,
                outerStrokeColor: Colors.grey.shade100,
                fillGradient: LinearGradient(colors: [
                  Colors.greenAccent.shade200,
                  Colors.blueAccent.shade400
                ]),
                neonGradient: LinearGradient(colors: [
                  Colors.greenAccent.shade200,
                  Colors.blueAccent.shade400
                ]),
                strokeCap: StrokeCap.round ),

Parameters #

Name Type Default Value Description
key Key null Key for Countdown Timer.
duration int null Countdown duration in Seconds.
initialDuration int 0 Countdown initial elapsed Duration in Seconds.
controller CountDownController null Controls (i.e Start, Pause, Resume, Restart) the Countdown Timer.
width double null Width of the rectangle that surrounds the circle ( Diameter of the Countdown Timer).
neonColor Color null neon Color for Countdown Widget.
neonGradient Gradient null neon Gradient for Countdown Widget. Note that ringColor will not be effective if gradient is provided.
fillColor Color null Filling Color for Countdown Widget.
fillGradient Gradient null Filling Gradient for Countdown Widget. Note that fillColor will not be effective if gradient is provided.
outerStrokeColor Color null border Color for Countdown Widget.
outerStrokeGradient Gradient null border Gradient for Countdown Widget. Note that backgroundColor will not be effective if gradient is provided.
strokeWidth double 5.0 Border Thickness of the Countdown Ring.
strokeCap StrokeCap StrokeCap.butt Begin and end contours with a flat edge and no extension.
textStyle TextStyle TextStyle(fontSize: 16.0,color: Colors.black,) Text Style for Countdown Text.
textFormat String null Format for the Countdown Text.
isReverse bool false Handles Countdown Timer (true for Reverse Countdown (max to 0), false for Forward Countdown (0 to max)).
isReverseAnimation bool false Handles Animation Direction (true for Reverse Animation, false for Forward Animation).
isTimerTextShown bool true Handles visibility of the Countdown Text.
autoStart bool true Handles the timer start.
onStart VoidCallback null This Callback will execute when the Countdown Starts.
onComplete VoidCallback null This Callback will execute when the Countdown Ends.

Preview #

demo

57
likes
0
pub points
82%
popularity

Publisher

unverified uploader

A package that helps you to build a timer as fast as possible with a beautiful UI, it's highly customizable you can change the color,the thickness of the timer you can also change the clock text to look as you want. Enjoy the package !

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on neon_circular_timer