移动应用 活跃维护

flutter_spinkit

jogboms/flutter_spinkit

✨ 一组使用 Flutter 动画制作的加载指示器。深受 http://tobiasahlin.com/spinkit 启发。

3150
Stars 标星
318
Forks 分支
32
Watchers 关注
16
Open Issues
Dart
主要语言
MIT
开源协议
3.1 MB
仓库大小
4 个月前
最后推送
一键安装扩展 / 插件指令
dsh plugin --profile web add github:jogboms/flutter_spinkit
git clone https://github.com/jogboms/flutter_spinkit.git
git clone git@github.com:jogboms/flutter_spinkit.git
README.md master

英文原文正文为项目原始 README(英文),本站后续会翻译为中文,当前仅剔除图片与无关章节并统一排版。

✨ Flutter 加载动画

一个使用 Flutter 动画的加载指示器集合。深受 @tobiasahlin 的 SpinKit 启发。

🎖 安装

dependencies:
  flutter_spinkit: ^5.2.2

⚡️ 导入

import 'package:flutter_spinkit/flutter_spinkit.dart';

🎮 使用方法

const spinkit = SpinKitRotatingCircle(
  color: Colors.white,
  size: 50.0,
);
final spinkit = SpinKitFadingCircle(
  itemBuilder: (BuildContext context, int index) {
    return DecoratedBox(
      decoration: BoxDecoration(
        color: index.isEven ? Colors.red : Colors.green,
      ),
    );
  },
);
final spinkit = SpinKitSquareCircle(
  color: Colors.white,
  size: 50.0,
  controller: AnimationController(vsync: this, duration: const Duration(milliseconds: 1200)),
);

更多信息,请参阅示例中的 showcase.dart。

🚀 展示


旋转平面

双重反弹

波

漫游方块

渐逝四

渐隐立方体

脉搏

追逐点

三重反弹

圆

方格网

渐隐圆

旋转圆

折叠立方体

跳动的心

沙漏

倾倒的沙漏

滴漏砂时计精炼

渐隐网格

戒指

涟漪

旋转圆圈

旋转线

方圆

双环

钢琴波

舞蹈方块

三进三出

波浪旋转器

脉动网格

一些 GIF 图像来自 Android Spinkit。

🐛 错误/请求

如果您遇到任何问题,请随时提出问题。如果您认为该库缺少某个功能,请在 Github 上提交工单,我会进行查看。Pull request 也欢迎提交。

❗️ 注意

如需获取 Flutter 入门帮助,请查看我们的在线 文档。

有关编辑插件代码的帮助,请查看 文档。

☀️ 作者

⭐️ 许可

麻省理工学院许可证

本站来源与版权声明
  • 本文标题:flutter_spinkit - ✨ 一组使用 Flutter 动画制作的加载指示器
  • 本文链接:https://www.cn121.com/mobile/jogboms-flutter-spinkit.html
  • 原项目:jogboms/flutter_spinkit 版权归原作者 jogboms 及贡献者所有
  • 收录信息:本站于 2026-10-22 收录本项目,本页所列协议与仓库指标均为收录当时的状态;该日期之后原项目的版本更新与协议变更,本页不作同步。
  • 开源协议:收录时本项目采用 MIT(查看 LICENSE 原文),本站转载其原始文档(未改动文字,仅剔除图片与无关章节);使用、修改、分发请以该仓库 LICENSE 原文为准。
  • 站点出处:本文首发于 OneTwoOne,收录自 GitHub 开源项目 jogboms/flutter_spinkit。
  • 内容说明:本页正文为原项目 README 原文(英文),本站后续会翻译为中文(当前尚未译出,仅将二级标题译为中文,便于按栏目定位;标题原文可在下方原仓库中查看),仅剔除了图片与赞助等无关章节、并把相对链接改为绝对地址;页首简介为机器翻译自仓库描述。
  • 引用声明:商业转载、第三方聚合或 AI 检索训练引用时,请务必保留以上来源出处、本文永久链接,以及原项目的版权声明与许可信息。
  • 下架通道:若原项目此后变更或收紧了许可协议、或作者/权利人认为本站的收录方式(译文、排版适配、简介翻译等)超出其授权范围,请通过 xyd3302001@163.com 发送下架通知,并附上项目地址与本页链接。本站核实后将第一时间删除本页内容,或改为不复制原文的目录性收录;署名更正等其他要求可一并提出。