odometer 1.0.1 copy "odometer: ^1.0.1" to clipboard
odometer: ^1.0.1 copied to clipboard

outdated

Highly customizable widgets used to number transition animation.

Odometer #

Gif

Package which was inspired by the package Odometer js.

In this package you will find pre-built widgets:

  • AnimatedSlideOdometerNumber
  • AnimatedSlideOdometerTransition

and high modifiable widgets:

  • AnimatedOdometer
  • OdometerTransition

AnimatedSlideOdometerNumber #

ImplicitlyAnimatedWidget based on AnimatedOdometer with a slide and fade digits transition.

   AnimatedSlideOdometerNumber(
     numberTextStyle: TextStyle(fontSize: 15),
     odometerNumber: OdometerNumber(_counter),
     duration: Duration(seconds: 1))

AnimatedSlideOdometerTransition #

ExplicitlyAnimatedWidget based on OdometerTransition with a slide and fade digits transition

    AnimatedSlideOdometerTransition(
      numberTextStyle: TextStyle(fontSize: 15),
      odometerAnimation: _odometerAnimation,
      duration: Duration(seconds: 1))

Base widgets AnimatedOdometer and OdometerTransition #

AnimatedOdometer based on Implicit Animations and OdometerTransition based on explicit animation. to customize the odometer, you need to use two OdometerAnimationTransitionBuilders for new and old numbers you will have access to:

  • digit
  • digit place
  • animation progress of this digit
97
likes
0
points
2.16k
downloads

Publisher

unverified uploader

Weekly Downloads

Highly customizable widgets used to number transition animation.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter

More

Packages that depend on odometer