Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von avatar_view
Paketdetailsv1.0.1

avatar_view

Eine neue Flutter-Anwendung.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
127
Likes
24
Pub-Punkte
95

Paket installieren

flutter pub add avatar_view

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

AvatarView ist ein Flutter-Paket, das zum Anzeigen von Avataren mit anpassbaren Stilen entwickelt wurde und verschiedene Formen, Rahmen und Bildquellen unterstützt. Es ermöglicht Entwicklern, Profilbilder, Chat-Köpfe oder Benutzer-Symbole einfach zu erstellen und bietet Flexibilität in Aussehen und Verhalten. Das Paket integriert sich nahtlos über mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux. Es unterstützt sowohl Netzwerk- als auch lokale Bilder mit Optionen für Platzhalter und Ladezustände. Ideal für soziale Apps, Nachrichtenoberflächen und Benutzerprofile verbessert AvatarView die Konsistenz der Benutzeroberfläche und das visuelle Erscheinungsbild.

Anwendungsfälle

  • Benutzerprofil wird angezeigt
  • Chat-Kopf-Komponenten
  • Soziale-Medien-Oberflächen
  • Benutzerkarten für das Dashboard
  • Authentifizierungsbildschirme
  • Teammitgliederlisten

Hauptmerkmale

  • Anpassbare Formen (Kreis, Quadrat)
  • Rahmenstil und Farboptionen
  • Unterstützung für Netzwerk- und lokale Bilder
  • Platzhalter und Ladeindikatoren
  • Reaktives Design über Plattformen hinweg
  • Einfache Integration in bestehende Flutter-Projekte

Geeignet für

  • Soziale Netzwerk-Apps
  • Messaging-Anwendungen
  • Benutzeroberflächen für Dashboards
  • Team-Kollaborationswerkzeuge
  • Profile-Verwaltungsbildschirme
  • Plattformübergreifende mobile und Web-Apps

Hinweise

  • Erforderliche ordnungsgemäße Behandlung der Bild-URL
  • Möglicherweise ist benutzerdefinierte Logik für dynamische Avatar-Updates erforderlich
  • Eingeschränkte eingebaute Animationsfunktionen
  • Abhängig von externen Bildladebibliotheken
  • Nicht für sehr große Avatar-Sammlungen optimiert
  • Am besten mit Caching zur Leistungsoptimierung verwenden

Original-README

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

Flutter AvatarView

AvatarView is a library which will help developers to create circular as well as rectangular avatar(Using Network path or Assets path) which includes some key features.

Table of contents

Circular AvatarView Without Border

       AvatarView(
                  radius: 60,
                  borderColor: Colors.yellow,
                  avatarType: AvatarType.CIRCLE,
                  backgroundColor: Colors.red,
                  imagePath:
                  "https://images.pexels.com/photos/415829/pexels-photo-415829.jpeg?cs=srgb&dl=pexels-pixabay-415829.jpg",
                  placeHolder: Container(
                    child: Icon(Icons.person, size: 50,),
                  ),
                  errorWidget: Container(
                    child: Icon(Icons.error, size: 50,),
                  ),
                ),
Circular AvatarView With Border
       AvatarView(
                  radius: 60,
                  borderWidth: 8,
                  borderColor: Colors.yellow,
                  avatarType: AvatarType.CIRCLE,
                  backgroundColor: Colors.red,
                  imagePath:
                      "https://images.pexels.com/photos/415829/pexels-photo-415829.jpeg?cs=srgb&dl=pexels-pixabay-415829.jpg",
                  placeHolder: Container(
                    child: Icon(Icons.person, size: 50,),
                  ),
                  errorWidget: Container(
                    child: Icon(Icons.error, size: 50,),
                  ),
                ),
Rectangular AvatarView Without Border
       AvatarView(
                  radius: 60,
                  borderColor: Colors.grey,
                  avatarType: AvatarType.RECTANGLE,
                  backgroundColor: Colors.red,
                  imagePath:
                  "https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?cs=srgb&dl=pexels-pixabay-220453.jpg",
                  placeHolder: Container(
                    child: Icon(Icons.person, size: 50,),
                  ),
                  errorWidget: Container(
                    child: Icon(Icons.error, size: 50,),
                  ),
                ),
Rectangular AvatarView With Border
       AvatarView(
                  radius: 60,
                  borderWidth: 8,
                  borderColor: Colors.grey,
                  avatarType: AvatarType.RECTANGLE,
                  backgroundColor: Colors.red,
                  imagePath:
                  "https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?cs=srgb&dl=pexels-pixabay-220453.jpg",
                  placeHolder: Container(
                    child: Icon(Icons.person, size: 50,),
                  ),
                  errorWidget: Container(
                    child: Icon(Icons.error, size: 50,),
                  ),
                ),

Please refer examples under example packabge.

Don't forget to star⭐ /like and contribute if you want.

Requirements

  • Any Operating System (ie. MacOS X, Linux, Windows)
  • Any IDE with Flutter SDK installed (ie. Android Studio, VSCode etc)
  • A little knowledge of Dart and Flutter

Kategorien

Avatar, Profilbild und Chat-Köpfe

Abhängigkeiten

Abhängigkeiten 2 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.