首页 > 其他 > 详细

Flitter - loading_animations

时间:2020-03-05 12:50:29      阅读:89      评论:0      收藏:0      [点我收藏+]
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-

Flitter - loading_animations

原文:https://www.cnblogs.com/ssjf/p/12419075.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!