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-
原文:https://www.cnblogs.com/ssjf/p/12419075.html