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

flutter_initicon のカバー
パッケージ詳細v3.0.1

flutter_initicon

初期アイコンは、アバターまたはプロフィール画像のないユーザーの名前の頭文字を表示するために使用されます。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
3410
いいね数
35
Pub ポイント
150

パッケージをインストール

flutter pub add flutter_initicon

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Flutter_Initicon は、ユーザー名からカラフルでカスタマイズ可能な初期ベースのアバターを生成する Flutter パッケージです。実際の画像が利用できない場合に、プレースホルダープロフィール画像を表示するのに最適です。このパッケージは複数のプラットフォームをサポートしており、スタイル、色、テキスト形式などのオプションを用いた簡単な統合が可能です。プロフィール、チャット、またはユーザー一覧を含むアプリケーションにおいて、ユーザーインターフェースの一貫性を高め、ユーザーのイニシャルを通じて明確かつ視覚的に区別できる表現を提供します。

用途

  • ユーザー・プロフィールのプレースホルダー
  • チャットインターフェース
  • チームメンバーが表示する
  • オンボーディング画面
  • ダッシュボードユーザー カード
  • 共同作業アプリのUI

主な機能

  • 初期文字に基づくアバター生成
  • カスタマイズ可能な色とスタイル
  • クロスプラットフォーム対応
  • Flutterとの簡単な統合
  • レスポンシブデザインの互換性
  • テキストサイズとフォントのカスタマイズ

適している対象

  • ユーザー・プロフィール付きのアプリ
  • メッセージングおよびチャットアプリケーション
  • コラボレーションツール
  • オンボーディング体験
  • 一貫したアバターを必要とするUI

注意事項

  • 適切な表示には名前の入力が必要です
  • テキストベースのビジュアルに限定
  • ブランドに合わせてカラースキームのカスタマイズが必要になる場合があります
  • 高精細なプロフィール画像には適していません
  • パフォーマンスへの影響は無視できるが、バッチレンダリングを検討するべき

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

flutter_initicon

pub package License: MIT

Initicon are used to show the initials of the name of users who do not have an avatar or profile image.

Screenshot

Examples

Getting Started

Adding package
flutter_initicon: ^2.0.0
Importing package
import 'package:flutter_initicon/flutter_initicon.dart';

Example

import 'package:flutter/material.dart';

void main() {
    return runApp(MyApp());
}

class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
        return MaterialApp(
                title: 'Flutter Demo',
                theme: ThemeData(
                    primarySwatch: Colors.blue,
                ),
                home: MyHomePage(title: 'Flutter Demo Home Page'),
            );
    }
}

class MyHomePage extends StatefulWidget {
    MyHomePage({Key key, this.title}) : super(key: key);

    final String title;

    @override
    _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
    
    @override
    Widget build(BuildContext context) {
        return Scaffold(
            appBar: AppBar(
                title: Text(widget.title),
            ),
            body: Center(
                child: Initicon(
                  text: "Full Name",
                  elevation: 4
                ),
            ),
        );
    }
}

License

MIT License

カテゴリー

ソースリポジトリ

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