flutter_profile_picture

패키지 개요

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

랜덤한 이름과 초기 문자를 기반으로 배경 색상에 따라 프로필 사진을 자동으로 생성하는 플러터 패키지입니다. 사용자는 자신의 이미지를 사용하여 맞춤화할 수 있습니다. 기본 색상 구성은 이름의 첫 글자에서 유래되어 시각적 고유성을 보장합니다. 채팅, 사용자 프로필 또는 소셜 기능이 필요한 앱에 적합합니다. 모바일, 웹 및 데스크톱을 포함한 모든 주요 플랫폼을 지원합니다.

사용 사례

사용자 프로필 아바타
채팅 인터페이스
소셜 미디어 앱
온보딩 화면
팀 협업 도구

주요 기능

프로필 사진을 자동으로 생성합니다
랜덤 이름과 색상 할당
사용자 지정 이미지 지원
문자 기반의 배경 색상
크로스 플랫폼 호환성

적합한 대상

채팅 앱을 개발하는 개발자
동적 아바타가 필요한 앱
빠른 아바타 솔루션을 찾는 UI/UX 디자이너
사용자 등록 흐름이 있는 프로젝트

고려 사항

제공된 옵션을 초과한 사용자 정의는 제한되어 있습니다
랜덤 이름 생성에 의존
브랜드 일관성을 위해 추가 스타일링이 필요할 수 있습니다
내장된 이미지 업로드 기능 없음

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

FLUTTER PROFILE PICTURE

Automatically generate profile picture with random first name and background color. But you can still provide pictures if you have them. As the default color, based on the name of the first letter.

version

Style

Default Style

ProfilePicture(
    name: 'Dees',
    radius: 31,
    fontsize: 21,
);

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    radius: 31,
    fontsize: 21,
);

Random Color

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    radius: 31,
    fontsize: 21,
    random: true,
);

Max letter


ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    radius: 31,
    fontsize: 21,
    count: 3,
);

Empty Name / Blank

ProfilePicture(
    name: '',
    radius: 31,
    fontsize: 21,
);

With Images

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    radius: 31,
    fontsize: 21,
    img: 'https://avatars.githubusercontent.com/u/37553901?v=4',
);

Tooltips without role

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    role: '',
    radius: 31,
    fontsize: 21,
    tooltip: true,
);

Tooltips with role

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    role: 'ADMINISTRATOR',
    radius: 31,
    fontsize: 21,
    tooltip: true,
);

Tooltips with role and images

ProfilePicture(
    name: 'Aditya Dharmawan Saputra',
    role: 'ADMINISTRATOR',
    radius: 31,
    fontsize: 21,
    tooltip: true,
    img: 'https://avatars.githubusercontent.com/u/37553901?v=4',
);

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

패키지 설치