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

colorize_text_avatar 封面
插件详情v1.0.2

colorize_text_avatar

Colorize Text Avatar 是一个根据用户首字母生成头像的包。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
595
喜欢数
52
Pub 分数
130

安装插件

flutter pub add colorize_text_avatar

插件介绍

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

Colorize Text Avatar 是一个 Flutter 包,可根据用户首字母生成色彩丰富的头像。它会自动根据文本输入创建视觉上独特且鲜艳的头像,非常适合用于具有聊天界面或用户资料的应用程序中的个人资料图片。该包支持 Android、iOS、Web、macOS、Windows 和 Linux 等多个平台,确保在各种设备上头像渲染的一致性。它轻量且易于集成,非常适合需要快速动态头像而无需依赖外部图片的应用程序。

适合场景

  • 用户个人资料图片
  • 聊天头像
  • 仪表板用户指标
  • 入门屏幕
  • 团队成员显示

主要特点

  • 基于首字母的头像生成
  • 可自定义颜色
  • 跨平台支持
  • 简单集成
  • 响应式设计

适合对象

  • 带有用户资料的应用程序
  • 消息或聊天应用程序
  • 内部团队仪表板
  • 原型和MVP

使用建议

  • 限于文本类头像
  • 没有图像回退选项
  • 颜色一致性可能因主题而异

原始 README

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

Colorize Text Avatar

Colorize Text Avatar is a package to generate avatar based on your user initials. It supports to generate avatars based on your specification or it colorize your avatar by using predefined colors. Enjoy it!

Colorize Text Avatar

Getting Started 🔥

It is an easy and powerfull package to generate text avatars for your users!

Let's see how to generate an avatar easily!

Usage of Colorize Text Avatar 😎

Here is the only mandatory parameter is text.

TextAvatar(
    text: "Deniz Çolak",
)

Colorize Text Avatar

Parameters of Text Avatar 😎

Here is the predefined shapes: Rectangle, Circular or None, if shape is null or not defined the default value similar with Rectangle but not same.

Shape.Rectangle, Shape.Circular, Shape.None can be use.

TextAvatar(
    shape: Shape.Circular,
    text: "Deniz Çolak"
)

Colorize Text Avatar

numberLetters parameter allows user to generate Avatar more specific number of character.

Developer can predefine size and numberLetters, if numberletters is null or not defined the default value is 1.

TextAvatar(
    shape: Shape.Rectangle,
    size: 35,
    numberLetters: 2,

)

Colorize Text Avatar

Other parameters can be change according to your specification.

Developers can extend the TextAvatar model according to their specification, currently below parameters are supported.

TextAvatar(
    shape: Shape.Circular,
    size: 35
    textColor: Colors.white,
    fontSize: 14,
    fontWeight: FontWeight.w600,
    upperCase: true,
    backgroundColor: Colors.black,
    numberLetters: 1,

    text: this.widget.userdata.fullname,
)

License

License

2021

Youtube Channel

Youtube

所属分类

源码仓库

使用此插件的项目