flutter_initicon

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Flutter_Initicon ist ein Flutter-Paket, das farbige, anpassbare Initial-basierte Avatare aus Benutzernamen generiert. Es eignet sich ideal zum Anzeigen von Platzhalter-Profilbildern, wenn echte Bilder nicht verfügbar sind. Das Paket unterstützt mehrere Plattformen und bietet eine einfache Integration mit Optionen für Stil, Farben und Textformatierung. Es verbessert die Konsistenz der Benutzeroberfläche in Apps mit Profilen, Chats oder Nutzerlisten, indem es eine saubere, visuell unterscheidbare Darstellung der Nutzer über ihre Initialen bereitstellt.

Anwendungsfälle

Benutzerprofilplatzhalter
Chat-Schnittstellen
Teammitglied zeigt an
Onboarding-Bildschirme
Benutzerkarten für das Dashboard
Kollaborative App-UIs

Hauptmerkmale

Initialbasierte Avatar-Erstellung
Anpassbare Farben und Stile
Plattformübergreifende Unterstützung
Einfache Integration mit Flutter
Kompatibilität mit responsive Design
Konfigurierbare Textgröße und Schriftart

Geeignet für

Apps mit Benutzerprofilen
Messaging- und Chat-Anwendungen
Kooperationswerkzeuge
Onboarding-Erlebnisse
UIs, die konsistente Avatare erfordern

Hinweise

Benötigt Namenseingabe für korrekte Anzeige
Beschränkt auf textbasierte Visualisierungen
Die Farbgestaltung muss möglicherweise an die Markenidentität angepasst werden
Nicht geeignet für hochwertige Profilbilder
Leistungseinbußen sind vernachlässigbar, aber berücksichtigen Sie die Batch-Rendering

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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

Pakete, Repositories und App-Kategorien suchen