如何在颤动中制作滚动计数器

Rav*_*iya 8 flutter flutter-animation

我想创建一个滚动计数器,我想知道如何在颤振中实现它。

在此处输入图片说明

use*_*613 16

我想在一个项目中执行此操作,因此我创建了一个名为 的隐式动画小部件AnimatedFlipCounter,它可以实现类似的效果。

我已将其作为包发布:https : //pub.dev/packages/animated_flip_counter

用法:

AnimatedFlipCounter(
   duration: Duration(milliseconds: 500),
   value: _value, /* pass in a number like 2014 */
)
Run Code Online (Sandbox Code Playgroud)

动画翻转计数器演示

小数点:

AnimatedFlipCounter(
  value: _value,
  fractionDigits: 2, // decimal precision
  suffix: "%",
  textStyle: TextStyle(
      fontSize: 40,
      color: _value >= 0 ? Colors.green : Colors.red,
  ),
)
Run Code Online (Sandbox Code Playgroud)

十进制演示