Flutter加载指示器

一个 Flutter 包，提供一套简单但高度可定制的加载指示器。

安装

将以下内容添加到您的 pubspec.yaml 文件中

...
dependencies:
  ...
  loading_indicator: "^1.0.0"
...

然后将文件导入到您的项目中

import 'package:loading_indicator/loading_indicator.dart';

如何使用

从列表中选择一个加载指示器

  • FlipCircle
  • RotatingSquare
  • FlipBox
  • BouncingGrid

然后添加以下代码

LoadingFlipCircle(
  color: Colors.blue,
);

或者您可以稍微自定义一下

LoadingFlipCircle(
  borderColor: Colors.cyan,
  size: 30.0,
);

或者进一步自定义！

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

有关更多自定义选项，请查看加载指示器文件。

注意：所有指示器都可以通过调用LoadingFlipBox()等来直接使用。

示例

为了更真实地体验动画和变体，
请下载示例项目并使用flutter run --profile运行。

LoadingFlipCircle
LoadingFlipCircle()
LoadingRotatingSquare

LoadingRotatingSquare()
LoadingFlipBox

LoadingFlipBox()
LoadingBouncingGrid

LoadingBouncingGrid()

GitHub

https://github.com/cytryn/loading-indicator