flutter pub add flutter_boring_avatars根據套件公開資料產生的選型評估，僅供參考。
Flutter Boring Avatars 從使用者名稱和色彩調色盤產生獨特且視覺上區別的頭像。它提供一種簡單、可自訂的方式，在應用程式中顯示個人檔案圖片，無需依賴外部影像來源。這些頭像透過演算法創造，以確保獨特性與跨平台的一致性。非常適合用於即時通訊介面、使用者資料或任何需要簡潔、極簡頭像解決方案的應用程式。支援所有主要的 Flutter 平台，包含 Android、iOS、Web、macOS、Windows 與 Linux。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
English | 中文
Boring avatars can generate unique avatars based on the username and color palette.
This project is a Flutter implementation of Boring Avatars.
It differs from the original project in its implementation, using Canvas for rendering and adding transition animations.
Check out the Web Demo to experience the effect.
Add the dependency in your pubspec.yaml file:
dependencies:
flutter_boring_avatars: any # or the latest version on Pub
Get a simple avatar
BoringAvatar(name: "Maria Mitchell", type: BoringAvatarType.marble);
Get an animated avatar that has a nice transition animation when the name changes
AnimatedBoringAvatar(
name: "Maria Mitchell",
type: BoringAvatarType.marble,
duration: const Duration(milliseconds: 300),
)
Get an avatar with a custom color palette
final colorPalette = BoringAvatarPalette(Color(0xffA3A948), Color(0xffEDB92E), Color(0xffF85931), Color(0xffCE1836), Color(0xff009989));
BoringAvatar(name: "Maria Mitchell", palette: colorPalette);
Set default type and palette, applicable only for BoringAvatar and AnimatedBoringAvatar
build(context) {
return DefaultBoringAvatarStyle(
type: BoringAvatarType.marble,
palette: colorPalette,
child: Column(
children: [
BoringAvatar(name: "Maria Mitchell"),
BoringAvatar(name: "Alexis Brooks"),
BoringAvatar(name: "Justin Gray"),
]
),
);
}
Use ShapeBorder to control the avatar shape and add a border
BoringAvatar(
name: "Maria Mitchell",
type: BoringAvatarType.marble,
shape: OvalBorder(), // or RoundedRectangleBorder(borderRadius: BorderRadius.circular(16))
);
Use the avatar for Decoration, it also supports transition animations when used in AnimatedContainer
Container(
decoration: BoringAvatarDecoration(
avatarData: BoringAvatarData.generate(name: name),
),
);
Export the avatar as an image
final avatarData = BoringAvatarData.generate(name: name);
final image = await avatarData.toImage(size: const Size.square(256));
final pngByteData = await image.toByteData(format: ImageByteFormat.png);
Thanks to the developers of Boring Avatars.
The example uses the beautiful palette project from Matt DesLauriers.
If you like this project, please give me a star.
暫無相關資料。