dice_bear
Flutter Package
DiceBear API wrapper. DiceBear is an avatar library for designers and developers. Generate random avatar profile pictures!
Checkout DiceBear
Checkout all available styles here
Usage
- Import dice_bear
- Create Avatar object
- Get Uri of generate image
- Get a Widget using Avatar
- Get raw SVG bytes data
- DiceBearBuilder() Parameters
- avatar.toImage() Parameters
Import
import 'package:dice_bear/dice_bear.dart';
Create Avatar object
Avatar _avatar = DiceBearBuilder().build();
Or generate random Avatar everytime:
Avatar _avatar = DiceBearBuilder.withRandomSeed().build();
See below for available DiceBearBuilder() Parameters
Get Uri of generate image
Uri uri = _avatar.svgUri;
Get a Widget using Avatar
Widget image = avatar.toImage();
See below for available toImage() parameters.
Get raw SVG bytes data
Uint8List? raw = await avatar.asRawSvgBytes();
DiceBearBuilder() Parameters
These options effect the SVG. They does not effect the widget created by avatar.toImage(). See avatar.toImage() Parameters below.
| Parameter | Details | Default Value | Range | Comment |
|---|---|---|---|---|
DiceBearSprite? sprite |
Design of avatar to show | DiceBearSprite.any |
See all styles | |
String? seed |
Seed for the avatar | '' |
You can use UID of user to generate a personal avatar of that user. | |
Color? backgroundColor |
Background color | No Color (Transparent) | Opacity/Alpha does not effect the background color. | |
int radius |
Radius | 0 |
min: 0 max: 20 |
|
int size |
Size of SVG | min: 1 | This does not define the size of widget. | |
int scale |
Scale avatar inside SVG container | 100 |
min: 0 max: 200 |
|
bool flip |
Flip avatar horizontally | false |
||
int rotate |
Number if degrees to rotate image clockwise | 0 |
min: 0 max: 360 |
|
int translateX |
Translate avatar SVG along X-axis | 0 |
min: -100 max: 100 |
|
int translateY |
Translate avatar SVG along Y-axis | 0 |
min: -100 max: 100 |
avatar.toImage() Parameters
| Parameter | Default Value |
|---|---|
Key? key |
|
double? width |
|
double? height |
|
BoxFit fit |
BoxFit.contain |
Alignment alignment |
Alignment.center |
bool matchTextDirection |
false |
bool allowDrawingOutsideViewBox |
false |
WidgetBuilder? placeholderBuilder |
|
Color? color |
|
BlendMode colorBlendMode |
BlendMode.srcIn |
String? semanticsLabel |
|
bool excludeFromSemantics |
false |
Clip clipBehavior |
Clip.hardEdge |
bool cacheColorFilter |
false |
SvgTheme? theme |
![๐ฐ๐ฐ [BLOC_PATTERN] [RXDART] [STREAM] ๐๐ Simple auth app flutter, server node.js, BLoC pattern, RxDart ๐๐ Functionalities: LOGIN, REGISTER, CHANGE PASSWORD, CHANGE AVATAR, FORGOT PASSWORD. Pure rxdart BLoC pattern. BLoC pattern without library.](https://github.com/hoc081098/node-auth-flutter-BLoC-pattern-RxDart/raw/master/screenshots/Screenshot1.png)
85 Oct 5, 2022
0 Jan 8, 2022
2 Oct 4, 2022
91 Dec 19, 2022
55 Dec 27, 2022
2 Oct 21, 2022
1.2k Dec 25, 2022
4 Sep 24, 2022
93 Dec 25, 2022
2 Apr 7, 2022