Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kaboc/flutter_glitters
A glittering widget for Flutter, handy for making part of your app a little shiny.
https://github.com/kaboc/flutter_glitters
flutter flutter-package flutter-widget
Last synced: 3 days ago
JSON representation
A glittering widget for Flutter, handy for making part of your app a little shiny.
- Host: GitHub
- URL: https://github.com/kaboc/flutter_glitters
- Owner: kaboc
- License: mit
- Created: 2020-06-05T09:49:04.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-01-16T06:09:54.000Z (almost 3 years ago)
- Last Synced: 2023-08-20T22:15:10.320Z (about 1 year ago)
- Topics: flutter, flutter-package, flutter-widget
- Language: Dart
- Homepage: https://pub.dev/packages/glitters
- Size: 298 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://pub.dev/packages/glitters)
A glittering widget for Flutter.
## What it does
This package provides three widgets:
* [Glitters](https://pub.dev/documentation/glitters/latest/glitters/Glitters-class.html)
* The main widget of this package that fades in and out glitter-like shapes one by one
inside itself. This is useful when you want some part of your app to look shiny.
* [GlitterStack](https://pub.dev/documentation/glitters/latest/glitters/GlitterStack-class.html)
* A widget used to show multiple glitters by stacking them.
* [SingleGlitter](https://pub.dev/documentation/glitters/latest/single_glitter/SingleGlitter-class.html)
* A widget to show a single static glitter-like shape.
## Shape
### Pre-defined glitter-like figure
```dart
const Glitters()
```
### Icon
```dart
const Glitters.icon(
icon: Icons.star,
)
```
### Widget
The `Glitters.widget` constructor has no color parameter.
This may be a little less performant compared to glitters shown with other constructors.
```dart
const Glitters.widget(
child: Image.asset('assets/xxxxxx.png'),
)
```
## Code examples
### Simplest
```dart
Container(
width: 200.0,
height: 200.0,
color: Colors.black,
child: const Glitters(),
)
```
### Multiple glitters
With `Stack`:
```dart
SizedBox(
width: 200.0,
height: 200.0,
child: ColoredBox(
color: Colors.black,
child: Stack(
children: const [
Glitters(
duration: Duration(milliseconds: 200),
interval: Duration.zero,
color: Colors.orange,
maxOpacity: 0.7,
),
Glitters(
duration: Duration(milliseconds: 200),
interval: Duration.zero,
delay: Duration(milliseconds: 100),
color: Colors.white,
maxOpacity: 0.7,
),
],
),
),
)
```
With `GlitterStack`:
```dart
const GlitterStack(
width: 200.0,
height: 200.0,
backgroundColor: Colors.black,
// You can set common settings for multiple glitters.
duration: Duration(milliseconds: 200),
interval: Duration.zero,
color: Colors.white,
maxOpacity: 0.7,
children: [
Glitters(
color: Colors.orange,
),
Glitters(
delay: Duration(milliseconds: 100),
),
],
)
```
### A single static glitter
```dart
const ColoredBox(
color: Colors.black,
child: SingleGlitter(
maxWidth: 100.0,
maxHeight: 100.0,
aspectRatio: 0.8,
),
)
```