动画闪光

pub package
Libraries.io dependency status for latest release
License

支持空安全

一个简单轻量级的组件，用于显示动画闪光效果。

从服务器或任何其他源加载数据时，使用 AnimatedShimmer 组件可以轻松创建具有闪光效果的组件骨架，这是一项常见任务。
AnimatedShimmer 是一个简单但非常有用的 Widget，开发者可以使用它为任何组件骨架加载创建出色的动画闪光效果。

示例

可以在此存储库的示例目录中找到一个示例。

更多示例即将添加！

加载列表

如何使用

将 animated_shimmer 添加到项目的 pubspec.yaml 文件中

dependencies:
  animated_shimmer: ^1.0.0

在您的 Dart 代码中导入它

import 'package:animated_shimmer/animated_shimmer.dart';

声明 AnimatedShimmer 组件，并传入必需的 height 和 width 参数

  AnimatedShimmer(
    height: 10,
    width: 120,
  ),

可以传递许多参数来自定义此动画的外观和感觉

  AnimatedShimmer(
    height: 10,
    width: 120,
    borderRadius: const BorderRadius.all(Radius.circular(16)),
    delayInMilliSeconds: Duration(milliseconds: index * 500),
  ),

创建圆形的 AnimatedShimmer

  AnimatedShimmer.round(
    size: 50,
  ),

参数

  • @required height：接受一个 double 值来设置闪光效果的高度
  • @required width：接受一个 double 值来设置闪光效果的宽度
  • startColor：接受一个 Color 值，并设置闪光效果的起始颜色，动画将从该颜色开始
  • endColor：接受一个 Color 值，并设置闪光效果的结束颜色，动画将在此颜色处结束
  • borderRadius：接受一个 borderRadius 值，并设置动画闪光组件的边框半径
  • delayInMilliSeconds：接受一个 Duration 值，该值将是动画开始的延迟。默认值为 Duration(milliseconds: 0)

可以在 pub.dev 上找到详细的 API 参考

许可证

MIT 许可.

GitHub

查看 Github