Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von animated_loading_border
Paketdetailsv0.0.2

animated_loading_border

Ein Paket, das uns eine moderne Möglichkeit bietet, während des Ladens unseres Widgets eine animierte Randlinie als Platzhalter anzuzeigen, mit einfacher Anpassung und sofortiger Verwendung.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
1810
Likes
88
Pub-Punkte
150

Paket installieren

flutter pub add animated_loading_border

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das eine animierte Randlinie als Ladeplatzhalter bereitstellt und so während des Ladens von Widgets ein modernes und anpassbares visuelles Indikator bietet. Es integriert sich nahtlos in Benutzeroberflächen auf mehreren Plattformen und ermöglicht Entwicklern die einfache Anwendung dynamischer Ränder mit reibungslosen Animationen. Das Paket ist einfach zu bedienen und erfordert minimale Konfiguration, unterstützt jedoch umfangreiche Anpassungsoptionen wie Farbe, Dicke und Animationsgeschwindigkeit. Perfekt geeignet zur Verbesserung der Benutzererfahrung bei asynchronen Operationen.

Anwendungsfälle

  • Ladezustandsanzeiger
  • Platzhalter-Widgets in Listen
  • Formularfeedback
  • Bild- oder Daten-Ladezustände
  • Interaktive Komponentenvorschauen

Hauptmerkmale

  • Anpassbare Randfarbe und -breite
  • Glatte animierte Randeffekte
  • Plattformübergreifende Kompatibilität
  • Einfache Integration mit bestehenden Widgets
  • Konfigurierbare Animationsgeschwindigkeit und -dauer

Geeignet für

  • Entwickler, die moderne Ladevisualisierungen suchen
  • UI/UX-Designer, die sich auf Mikrointeraktionen konzentrieren
  • Apps mit häufiger asynchroner Datenladung
  • Projekte, die leichte Platzhalter erfordern
  • Teams, die konsistente Ladefeedback priorisieren

Hinweise

  • Beschränkt auf randbasierte Ladeanzeiger
  • Kann zusätzliche Stilisierung für komplexe Layouts erfordern
  • Die Animationsleistung hängt von den Gerätefähigkeiten ab
  • Nicht geeignet für nicht-grenznahe Ladeverfahren
  • Benötigt manuelle Behandlung der Ladezustandslogik

Original-README

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

animated_loading_border

Flutter Website Dart Website MIT License

Key Definition

  • A package that gives us a modern way to show animated border as a placeholder while loading our widget with easy customization and ready to use.

Preview

animated_loading_border animated_loading_border

Basic Usage

Import it to your project file

import 'package:animated_loading_border/animated_loading_border.dart';

And add it in its most basic form like it:

AnimatedLoadingBorder(
  child: Container(),
  controller: (animationController) {
     // Here we get animationController     
  },
);
Required parameters of AnimatedLoadingBorder
Parameter Description
Widget child The child contained by the AnimatedLoadingBorder
Optional parameters of AnimatedLoadingBorder
Parameter Default Description
ValueChanged? controller -- Callback that gives the AnimationController of the AnimatedLoadingBorder
Duration duration Duration(seconds: 4) Defines the animation duration
double cornerRadius 0.0 Defines the corner radius of the border
double borderWidth 1 Defines the width of the border
Color borderColor Colors.black Defines the color of the border
Color trailingBorderColor Colors.black Defines the color for the trailing part of the border
EdgeInsets padding EdgeInsets.zero Used to add child widget padding
bool startWithRandomPosition true Used to set starting position of SweepGradient
bool isTrailingTransparent true Used to set starting color of SweepGradient
Guideline for contributors
  • Contribution towards my repository is always welcome, i request contributors to create a pull request for development.
Guideline to report an issue/feature request

It would be great for me if the reporter can share the below things to understand the root cause of the issue.

  • Library version
  • Code snippet
  • Logs if applicable
  • Device specification like (Manufacturer, OS version, etc)
  • Screenshot/video with steps to reproduce the issue
  • Library used

LICENSE!

animated_loading_border is MIT-licensed.

Kategorien

Platzhalter

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.