パッケージ、リポジトリ、アプリカテゴリを検索

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',
);

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。