scaled_list

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Scaled List ist ein Flutter-Paket, das eine horizontal scrollbare Liste mit einem visuell beeindruckenden, skalierten aktuellen Element und benutzerdefinierten gekrümmten Malereffekten bietet. Es verbessert die Benutzererfahrung, indem der aktive Eintrag durch Größenskalierung und fließende Animationen hervorgehoben wird, was es ideal für Karussells oder Cover Flow-Schnittstellen macht. Das Paket unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux und bietet konsistentes Verhalten über Geräte hinweg. Entwickler können Erscheinungsbild und Interaktion anpassen, um mit minimalem Aufwand kreative UI-Designs zu erstellen.

Anwendungsfälle

Interaktive Karussells erstellen
Entwurf der Cover-Flow-Navigation
Bildschlitten mit visuellem Fokus erstellen
Produktpräsentationen verbessern
Animation von horizontalen Listen implementieren
Hinzufügen der dynamischen Skalierung von Elementen in Benutzeroberflächen

Hauptmerkmale

Skalierte Visualisierung des aktuellen Elements
Benutzerdefinierter gekrümmter Malerträger
Glatte horizontale Scrollung
Plattformübergreifende Kompatibilität
Erweiterbare Anpassungsoptionen
Eingebaute Animationsübergänge

Geeignet für

UI-Designer, die visuellen Eindruck suchen
Entwickler, die Medien-Galerien erstellen
Apps, die eine hervorgehobene Fokussierung erfordern
Interaktive Produkt-Browsing-Funktionen
Projekte mit Karussell-Navigation

Hinweise

Kann eine Leistungsoptimierung auf Geräten mit geringer Leistung erfordern
Benutzerdefinierte Malerei könnte die Komplexität erhöhen
Begrenzter vertikaler Support
Nur für horizontale Layouts geeignet
Potenzieller Speicherverbrauch bei großen Datensätzen

Original-README

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

Pub.dev

Scaled List

A Horizontal List view With Lots of modification including a scaled current item.

Provided with curved custom painting and Dots indictor below it.
it makes the widget of item builder responsive to the device screen's width and height.
You can also set the relative width, margin width, height of selected and unselected Card to the entire screen

Usage

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ScaledList(
        itemCount: Data.categories.length,
        itemColor: (index) {
          return kMixedColors[index % kMixedColors.length];
        },
        itemBuilder: (index, selectedIndex) {
          final category = Data.categories[index];
          return Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Container(
                height: selectedIndex == index
                    ? 100
                    : 80,
                child: Image.asset(category.image),
              ),
              SizedBox(height: 15),
              Text(
                category.name,
                style: TextStyle(
                    color: Colors.white,
                    fontSize: selectedIndex == index
                        ? 25
                        : 20),
              )
            ],
          );
        },
      ),
    );
  }

Usage Scenarios

When You like to add items in scaled manner and add custom curved painting over each item.

Contributers

Hosain Mohamed Muhammad Alsaied

Kategorien, Pakete und Repositories suchen

Paket installieren