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