flutter_avataaar

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 包装器小部件，可与 Avataaars API 集成，生成并显示可自定义的头像图像。它简化了创建具有各种面部特征、服装、配饰和表情的独特头像的过程。适用于个人资料图片、聊天头像或需要个性化头像的用户界面。该包轻量且易于实现，可在跨平台环境中提供一致的 UI 体验。支持根据用户偏好动态生成头像，无需外部图像资源。

适合场景

用户资料头像
聊天头像显示
游戏角色自定义
入门屏幕
交互式用户界面

主要特点

动态头像生成
可自定义的面部特征
支持多种服装和配饰
与 Flutter 的简单集成
轻便高效

适合对象

需要用户个性化的应用
社交媒体平台
游戏应用
入门流程
需要头像的UI组件

使用建议

依赖外部 Avataaars API
限于预定义的头像样式
无离线头像生成
依赖网络获取图像
可能需要缓存以提高性能

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

Flutter wrapper widget for Avataaars API - a free online avatar generator for anyone to make their beautiful personal avatar easily.

flutter-avataaar

Getting Started

Create Avataaar object:

// Create avatar with default constructor
Avataaar(
  skin: Skin.pale,
  top: Top(
    topType: TopType.longHairCurvy,
    accessoriesType: AccessoriesType.Round,
    facialHair: FacialHair.beardMagestic(
      facialHairColor: FacialHairColor.BlondeGolden,
    ),
  ),
);

// Randomize all properties
Avataaar.random();

// Or mix both
Avataaar.random(
  skin: Skin.pale,
  top: Top(
    topType: TopType.longHairCurvy,
    accessoriesType: AccessoriesType.Round,
    facialHair: FacialHair.random,
  ),
);

Create AvataaarGenerator widget and pass it the avatar:

AvataaarGenerator
(
  avataaar: avataaar,
  onTranslateKey: (String key) {
  return Translate.get(key);
  }
  onUpdateAvataaar:() {setState((){});},
);

// By default package will use SvgPicture to render the image. AvataaarPicture could be used to create a custom
// [builder] constructor and create widget for given image url:
 AvataaarPicture.builder(
  builder: (context, avataaar) {
    // ...
  },
)

Persisting avatars

Use Avataaar.toJson() and Avataaar.fromJson(String) methods to serialize/deserialize avatars.

Getting image bytes

Use the funtion getPngFromSvg from the class Avataaar to get the png File.

搜索插件、代码仓与 APP 分类