curved_carousel

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Curved Carousel ist ein Flutter-Paket, das eine Liste von Widgets in einer gekrümmten, visuell ansprechenden Anordnung darstellt und sowohl horizontale als auch vertikale Ausrichtungen unterstützt. Es verbessert die Benutzererfahrung, indem es Inhalte dynamisch und fließend präsentiert, ähnlich wie bei Cover Flow-Effekten. Ideal zum Präsentieren von Bildern, Karten oder anderen UI-Elementen mit einem modernen Design. Das Paket ist auf allen wichtigen Plattformen kompatibel, einschließlich Android, iOS, Web, macOS, Windows und Linux, was es für plattformübergreifende Anwendungen vielseitig macht. Es integriert sich nahtlos in das Widget-System von Flutter und erfordert nur minimale Einrichtung über pub add.

Anwendungsfälle

Produktbilder in E-Commerce-Apps präsentieren
Hervorgehobene Inhalte in Medien-Galerien anzeigen
Interaktive Schieberegler mit visueller Tiefe erstellen
Verbesserung von Onboarding-Bildschirmen mit dynamischen Layouts
Präsentation von Portfolios oder Sammlungen in einem einzigartigen Format

Hauptmerkmale

Unterstützt horizontale und vertikale gekrümmte Layouts
Glatte Animation und reaktive Interaktion
Plattformübergreifende Kompatibilität
Einfache Integration in das Widget-System von Flutter
Anpassbarer Kurvenradius und Abstand
Eingebaute Gestenunterstützung für die Navigation

Geeignet für

Entwickler, die moderne Karussell-Designs suchen
Apps, die ansprechende visuelle Inhaltpräsentation erfordern
Projekte, die sich auf interaktive Benutzeroberflächen konzentrieren
designorientierte Anwendungen mit reichhaltigen Medien
Plattformübergreifende mobile und Web-Apps

Hinweise

Kann die Leistung bei großen Datensätzen beeinträchtigen
Erforderliche sorgfältige Abstimmung der Kurvenparameter für das optimale Aussehen
Begrenzte Anpassungsmöglichkeiten über die grundlegende Gestaltung hinaus
Nicht ideal für einfache lineare Listen
Am besten geeignet für mittelgroße Inhaltskollektionen

Original-README

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

Curved Carousel

A Flutter package for easy implementation of curved carousel.

Easy to use

CurvedCarousel(
      itemBuilder: (context, i) {
        return Item(img: listItem[i].img, selectionChange: (bool){
          print('onTap:: ${listItem[i].name}')
        }, selected: listItem[i].selected,key: ValueKey(listItem[i].selected),);
      },
      itemCount: listItem.length,
      middleItemScaleRatio: 1.5,
)

Attributes

itemBuilder : builder function returns widget of given index
itemCount : total widgets
viewPortSize : how much size a single item will have, the fractional value lies between 0 and 1, 1 means full size
curveScale : it specifies curviness
disableInfiniteScrolling : by default, infinite scrolling is enable, but if you want to disable it make it true
scaleMiddleItem : scales middle item of carousel, by default it is true
middleItemScaleRatio : it is scaling parameter for middle item
tiltItemWithcurve : does the items angle need to be follow to curve, by default this is true
horizontalPadding : a padding to apply horizontally to the carousel, the default is no padding
animationDuration : a duration of the item change animation in milliseconds, the default value is 300
onChangeEnd : a function to trigger when the item change animation is done
onChangeStart : a function to trigger when the item change animation is start
moveAutomatically : allow to change the current selected item automatically, default is set to false.
automaticMoveDelay : the delay between automatic movements, default is 5000
reverseAutomaticMovement : reverse the direction of the automatic movement, default is false

Kategorien, Pakete und Repositories suchen

Paket installieren