Kategorien, Pakete und Repositories suchen

Cover von stacked_card_carousel
Paketdetailsv0.0.4

stacked_card_carousel

Ein Widget zum Erstellen eines vertikalen Karussells mit gestapelten Karten.

AndroidiOSWebmacOSWindowsLinux
30-Tage-Downloads
1620
Likes
224
Pub-Punkte
150

Paket installieren

flutter pub add stacked_card_carousel

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Widget, das die Erstellung eines vertikalen Karussells mit gestapelten Karten ermöglicht, ideal zum visuell ansprechenden Präsentieren von Inhalten. Es unterstützt sanftes Scrollen und Kartenschichtung mit anpassbarem Tiefen- und Abstandseffekt. Das Paket ist auf allen wichtigen Plattformen kompatibel, einschließlich Android, iOS, Web, macOS, Windows und Linux. Für Entwickler konzipiert, die eine elegante, interaktive Karten-basierte Oberfläche ohne komplexe Implementierung suchen. Lässt sich problemlos über einen einfachen pub add-Befehl in bestehende Flutter-Projekte integrieren.

Anwendungsfälle

  • Bildergalerien anzeigen
  • Produktlisten präsentieren
  • Benutzerprofile präsentieren
  • Interaktive Onboarding-Bildschirme erstellen
  • Kartenbasierte Dashboards erstellen

Hauptmerkmale

  • Vertikales Stapelungslayout
  • Glatte Scroll-Interaktionen
  • Anpassbare Karten Tiefe und Abstände
  • Plattformunabhängiger Entwurf
  • Einfache Integration mit Flutter
  • Unterstützung für gestenbasierte Navigation

Geeignet für

  • Mobile App-Oberflächen
  • Web-Anwendungs-Schnittstellen
  • Interaktive Prototypen
  • Inhaltsreiche Anwendungen
  • Designorientierte Flutter-Projekte

Hinweise

  • Kann eine Leistungsoptimierung für große Datensätze erfordern
  • Eingeschränkte Anpassungsmöglichkeiten für nicht-kartenbasierte Layouts
  • Nicht ideal für horizontale Kartenflüsse
  • Am besten geeignet für moderate Kartenanzahlen
  • Erfordert sorgfältige Behandlung von Animationszuständen

Original-README

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

stacked_card_carousel

A widget for creating a vertical carousel with stacked cards.

cardsStack fadeOutStack

📱 Usage

  1. Import package in your file
import 'package:stacked_card_carousel/stacked_card_carousel.dart';
  1. Use StackedCardCarousel widget
  StackedCardCarousel(
      items: cards,
  );

🎛 Attributes

Attribute Data type Description Default
items List List of card widgets. -
type StackedCardCarouselType A type of cards stack carousel. cardsStack
initialOffset double Initial vertical top offset for cards. 40.0
spaceBetweenItems double Vertical space between items. Value start from top of a first item. 400.0
applyTextScaleFactor bool If set to true scales up space and position linearly according to text scale factor. Scaling down is not included. true
pageController PageController Use it for your custom page controller. PageController()
onPageChanged void Function(int pageIndex) Listen to page index changes. null

💻 Author

Grigori Hlopkov - GitHub

Kategorien

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.