搜索插件、代码仓与 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

所属分类

源码仓库

使用此插件的项目