AnimateNumber

AnimateNumber 使用 Motion 创建漂亮的数字动画。

<AnimateNumber>{count}</AnimateNumber>

您可以创建许多流行的动画效果，例如倒计时、互动条或用户输入标签。

它是 Max Barvian 原版版本的延续NumberFlow组件，它构建于 Motion 之上。

因为 AnimateNumber 利用了 Motion 现有的布局动画，所以对于 React 来说，它仅在 Motion 之上增加了 2.5kb。 这也意味着您可以使用 Motion 现有的过渡设置.

然而，由于基于旧版本的 NumberFlow，它目前缺少一些较新的属性，例如 trend 和 plugins。

在本指南中，我们将学习如何将 AnimateNumber 安装到我们的项目中，以及如何将其用于各种数字动画效果。