in , ,

A scrolling digital animation widget for flutter

animated_digit

Scroll-triggered animation is a super-effective way to animate website elements such as text, graphics, photos, and video, bringing them to life as you scroll down a page. Scroll animations are more likely to grab a user’s attention, making websites look and feel more dynamic and interesting.

A real-time scrolling digital animation widget that may show the amount of animation and the number of users online. Any number that requires animation effects is simple and straightforward to use, and it ensures that the quantity of calculation is accurate.

This is an irreplaceable function of a scrolling digital animation widget

widget

Usage

AnimatedDigitController _controller = AnimatedDigitController(520);

AnimatedDigitWidget(
  controller: _controller,
  textStyle: TextStyle(color: Color(0xff009668)),
  fractionDigits: 2,
  enableDigitSplit: true,
)

// 累加一个数字 | increment 
_controller.addValue(1314);

// 重置一个数字 | reset
_controller.resetValue(1314);

API

addValue

AnimatedDigitController _controller = AnimatedDigitController(520);
_controller.addValue(1314); // 1834

resetValue

AnimatedDigitController _controller = AnimatedDigitController(520);
_controller.resetValue(1314); // 1314

GitHub

https://github.com/mingsnx/animated_digit

Written by James

A Flutter widget for Scrollview, pop when overscroll like Instagram

Flame package adding a simple scrolling sprite to make it easy to repeat the same image over time