flutter_profile_picture

插件介绍

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

一个 Flutter 包，可自动根据随机名字和基于首字母的背景颜色生成头像。用户可以使用自己的图片进行自定义。默认配色方案基于名字的首字母，确保视觉上的独特性。适用于需要聊天、用户资料或社交功能中头像的应用程序。支持所有主要平台，包括移动设备、网页和桌面端。

适合场景

用户资料头像
聊天界面
社交媒体应用
入门屏幕
团队协作工具

主要特点

自动生成头像
随机分配名字和颜色
自定义图像支持
基于字母的背景颜色
跨平台兼容性

适合对象

开发聊天应用的开发者
需要动态头像的应用
寻求快速头像解决方案的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',
);

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

安装插件