搜索插件、代码仓与 APP 分类

countup 封面
插件详情v0.1.4

countup

一个 Flutter 插件,可帮助您构建动画计数文本。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
3.1万
喜欢数
131
Pub 分数
140

安装插件

flutter pub add countup

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

countup 包是一个专为 Flutter 设计的插件,用于创建动画计数文本效果。它能平滑地将数字从起始值动画到结束值,非常适合显示动态统计数据、分数或进度指示器。该动画可自定义,并可在所有主要平台(包括 Android、iOS、Web、macOS、Windows 和 Linux)上运行。该包易于集成到现有的 Flutter 应用中,设置简单,非常适合通过视觉反馈提升用户参与度。该包轻量且高效,利用 Flutter 的动画系统实现流畅性能。

适合场景

  • 显示动态统计
  • 动画分数计数器
  • 可视化进度指标
  • 增强仪表板小部件
  • 创建引人入胜的UI过渡效果

主要特点

  • 平滑数字动画
  • 可自定义的起始值和结束值
  • 跨平台兼容性
  • 与 Flutter 的轻松集成
  • 支持小数

适合对象

  • 寻求动画元素的UI设计师
  • 开发仪表板的开发者
  • 需要实时数据可视化的应用
  • 教育类或游戏化应用
  • 专注于用户参与度的项目

使用建议

  • 可能会影响许多同时计数器的性能
  • 需要仔细配置以实现精确计时
  • 仅限数值
  • 不适用于非数值数据
  • 最好少量使用,以避免视觉杂乱

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

pub package License: MIT

Flutter Countup

A Flutter package that helps you create animated Text widgets for Android and IOS. Based by https://gitlab.com/kmcgill88/mccounting_text

Simple Usage

You should give a begin, end and a duration value to Countup widget. If you want you can also give separator and style value.

Countup(
  begin: 0,
  end: 7500,
  duration: Duration(seconds: 3),
  separator: ',',
  style: TextStyle(
    fontSize: 36,
  ),
)

'flutter-countup-basic'

Props
begin: double
end: double
separator: String
duration: Duration
style: TextStyle
prefix: String
suffix: String
precision: int
curve: Curve
textAlign: TextAlign
textDirection: TextDirection
locale: Locale
softWrap: bool
overflow: TextOverflow
textScaleFactor: double
maxLines: int
semanticsLabel: String

所属分类

源码仓库

使用此插件的项目