flutter_avataaar

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

Avataaars API와 통합하여 사용자 정의 가능한 아바타 이미지를 생성하고 표시하는 Flutter 래퍼 위젯입니다. 다양한 얼굴 특징, 옷, 액세서리 및 표정을 가진 고유한 아바타를 만들기 위한 과정을 단순화합니다. 프로필 사진, 채팅 헤드 또는 개인화된 아바타가 필요한 사용자 인터페이스에 이상적입니다. 패키지는 가볍고 구현이 쉬우며 플랫폼 간 일관된 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.

패키지, 저장소 및 앱 카테고리 검색