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 分類