패키지, 저장소 및 앱 카테고리 검색

flutter_initicon 표지
패키지 상세v3.0.1

flutter_initicon

초기 아이콘은 아바타나 프로필 이미지가 없는 사용자의 이름의 첫 글자를 표시하는 데 사용됩니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
3.4천
좋아요
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

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트