Wndr Confetti Package
A Flutter package that simplifies showing confetti animations from the bottom corners of the screen.
Features
- Easy integration of confetti animations
- Customizable confetti images from assets with custom colors
Usage
1. Import the Package
import 'package:wndr_flutter_confetti/wndr_flutter_confetti.dart';
2. Show Confetti animation
There are two methods you can use to show confetti. The first parameter is BuildContext, the second is the asset path of your image, and the last is an optional list of colors used randomly as a ColorFilter on confetti particles.
// Use this for image assets like png, jpg, etc.
WunderFlutterConfetti.startConfettiWithImageAsset(
context,
'assets/ufo.png',
[Colors.red, Colors.blue, Colors.green, Colors.orange, Colors.yellow]
);
// Use this for vector graphic assets
WunderFlutterConfetti.startConfettiWithSvgAsset(
context,
'assets/ufo.svg',
[Colors.red, Colors.blue, Colors.green, Colors.orange, Colors.yellow]
);
_```dart
// Use this for vector graphic and image assets
WunderFlutterConfetti.startConfettiWithDifferentImages(context,
'assets/ufo.png',
'assets/ufo.svg',
, colors: Colors.red, Colors.blue, Colors.green, Colors.orange, Colors.yellow,
svgTypes: 'svg' // You can tell which extension's has to be processed as vector graphics asset
);
Libraries
- image_particle
- wndr_flutter_confetti
- A library for creating confetti animations with custom images.