搜尋套件、儲存庫與 APP 分類

flutter_profile_picture 封面
套件詳情v2.0.0

flutter_profile_picture

自動使用隨機名字和背景色生成頭像。如果您有圖片,也可以提供。預設顏色基於名字首字母。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
1340
喜歡數
51
Pub 分數
130

安裝套件

flutter pub add 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.

Flutter Test Build GitHub Pages License: MIT pub package GitHub popularity version

bandicam 2021-09-22 20-35-48-079 (online-video-cutter com)

Style

Default Style

image

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

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

image

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

image


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

image

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

image

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

image

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

image

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

image

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

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。