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

flutter_initicon 封面
套件詳情v3.0.1

flutter_initicon

初始圖示用於顯示沒有頭像或個人資料圖片的使用者姓名首字母。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
3410
喜歡數
35
Pub 分數
150

安裝套件

flutter pub add flutter_initicon

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

Flutter_Initicon 是一個 Flutter 套件,可從使用者姓名產生色彩豐富、可自訂的首字母頭像。當沒有實際圖片時,非常適合顯示佔位符個人檔案圖片。此套件支援多個平台,並提供容易整合的選項,包含樣式、顏色與文字格式化。透過使用者的首字母提供清晰且視覺上獨特的使用者表示,進而提升涉及個人檔案、聊天或使用者清單的應用程式中使用者介面的一致性。

適用情境

  • 用戶資料佔位符
  • 聊天介面
  • 團隊成員顯示
  • 入門畫面
  • 儀表板用戶卡片
  • 協作式應用介面

主要特色

  • 基於初始的頭像生成
  • 可自訂的顏色和樣式
  • 跨平台支援
  • 與 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

所屬分類

原始碼儲存庫

使用此套件的專案