✨ Flutter Spinkit

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

🎖 安装

dependencies:
  flutter_spinkit: ^5.1.0

⚡️ 导入

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 里的示例。

🚀 示例展示


RotatingPlain	DoubleBounce	Wave	WanderingCubes	FadingFour	FadingCube
Pulse	ChasingDots	ThreeBounce	Circle	CubeGrid	FadingCircle
RotatingCircle	FoldingCube	PumpingHeart	HourGlass	PouringHourGlass	PouringHourGlassRefined
FadingGrid	Ring	Ripple	SpinningCircle	SpinningLines	SquareCircle
DualRing	PianoWave	DancingSquare	ThreeInOut