英文原文正文为项目原始 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 发送下架通知,并附上项目地址与本页链接。本站核实后将第一时间删除本页内容,或改为不复制原文的目录性收录;署名更正等其他要求可一并提出。