shimmer_effect 1.0.4 copy "shimmer_effect: ^1.0.4" to clipboard
shimmer_effect: ^1.0.4 copied to clipboard

The Shimmer effect package provides a customizable widget that adds a shimmering effect to any Flutter widget.

Shimmer effect

The Shimmer effect package provides a customizable widget that adds a shimmering effect to any Flutter widget. This can be useful for indicating that a widget is currently loading or animating, and can be applied to buttons, text fields, images, and more.

Features

  • Easily add shimmering effect to any Flutter widget
  • Customize the duration, color, and secondary color of the shimmer effect
  • Support for multiple directions of shimmering effect

Getting Started

To use the Shimmer effect package, you'll need to add it to your pubspec.yaml file and import it into your Dart code:

dependencies:
    shimmer_effect: ^1.0.2
import 'package:shimmer_effect/shimmer_effect.dart';

Usage

To add a shimmer effect to a Flutter widget, simply wrap it with the ShimmerEffect widget and specify the desired properties:

ShimmerEffect(
            baseColor: Colors.teal,
            highlightColor: Colors.blueAccent,
            child: SizedBox(
              width: 200,
              height: 200,
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: const [
                  Icon(
                    Icons.favorite,
                    size: 72,
                    color: Colors.red,
                  ),
                  SizedBox(height: 16),
                  Text(
                    'Shimmer Animation',
                    textAlign: TextAlign.center,
                    style: TextStyle(fontSize: 24),
                  ),
                ],
              ),
            ),
          ),

This code applies a shimmer effect to a container with a grey background and rounded corners, containing the text "Hello, world!" The shimmer effect will last for 2 seconds and use white and grey colors.

For more examples, see the example directory in the Shimmer effect package on GitHub.

4
likes
120
pub points
88%
popularity

Publisher

verified publisheriam-deepak.me

The Shimmer effect package provides a customizable widget that adds a shimmering effect to any Flutter widget.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on shimmer_effect