Flitter - loading_animations

dependencies:
  loading_animations: "^2.1.0"

import 'package:loading_animations/loading_animations.dart';

如何使用

从列表中选择一个加载动画：

翻转

• LoadingFlipping.circle()
• LoadingFlipping.square()

旋转编号

• LoadingRotating.square()

双翻转＃

• LoadingDoubleFlipping.circle()
• LoadingDoubleFlipping.square()

弹弹电网＃

• LoadingBouncingGrid.circle()
• LoadingBouncingGrid.square()

灌装＃

• LoadingFilling.square()

衰落线＃

• LoadingFadingLine.circle()
• LoadingFadingLine.square()

弹弹线＃

• LoadingBouncingLine.circle()
• LoadingBouncingLine.square()

跳线＃

• LoadingJumpingLine.circle()
• LoadingJumpingLine.square()

凸点线＃

• LoadingBumpingLine.circle()
• LoadingBumpingLine.square()

然后添加以下代码：

LoadingFlipping.circle(
  color: Colors.blue,
);

 

或者，您可以对其进行一些自定义：

LoadingFlipping.square(
  borderColor: Colors.cyan,
  size: 30.0,
);

 

或进一步自定义它！

LoadingFlipping.circle(
  borderColor: Colors.cyan,
  borderSize: 3.0,
  size: 30.0,
  backgroundColor: Colors.cyanAccent,
  duration: Duration(milliseconds: 500),
);

 

要进行更多自定义，请查看正在加载的动画文件。

注意：LoadingDoubleFlipping.square()例如，只需调用即可准备好所有动画。

默认情况下，许多基本动画包含.circle()和.square()变化。

 

https://pub.dev/packages/loading_animations#-readme-tab-