expansion_card

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Das expansion_card-Paket bietet ein anpassbares Flutter-Widget, das faltbare Karten mit optionalen animierten Hintergründen ermöglicht. Ideal geeignet zur Darstellung erweiterbarer Inhalte wie Häufig gestellte Fragen, detaillierte Informationen oder interaktive Abschnitte. Es unterstützt reibungslose Animationen und responsive Gestaltung auf allen wichtigen Plattformen. Entwickler können Aussehen, Verhalten und Übergangseffekte der Karte an die Benutzeroberfläche ihrer App anpassen. Das Paket ist leichtgewichtig und lässt sich nahtlos in bestehende Flutter-Projekte integrieren.

Anwendungsfälle

Anzeige von FAQ-Abschnitten
Anzeigen detaillierter Produktinformationen
Interaktive Akkordeons erstellen
Schichtweise Inhalte in Formularen präsentieren
Verbesserung von Benutzer-Onboarding-Flows

Hauptmerkmale

Anpassbare Kartenstilgestaltung
animierte Bildhintergründe
Glatte Erweiterungs-/Zusammenbruch-Übergänge
Plattformübergreifende Unterstützung
Einfache Integration mit Flutter
Konfigurierbare Animationsdauer

Geeignet für

Entwickler, die interaktive Benutzeroberflächen erstellen
Apps mit erweiterbaren Inhaltsteilen
Designer, die animierte Kartenkomponenten suchen
Projekte für mehrere Plattformen
UI-intensive Anwendungen mit dynamischer Inhaltsdarstellung

Hinweise

Kann die Leistung bei vielen Instanzen beeinträchtigen
Die Hintergrundbeladung von Bildern erfordert sorgfältige Optimierung
Animations-Einstellungen sollten für eine reibungslose Benutzererfahrung angepasst werden
Eingeschränkte integrierte Zugänglichkeitsfunktionen
Nicht geeignet für rein statischen Inhalt

Original-README

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

Expansion card

This package provides an easy implementation of a Expansion type card where you can also add gif at the background.

How to use

import 'package:expansion_card/expansion_card.dart';

Center(
            child: ExpansionCard(
              background: Image.asset("assets/animations/sleep.gif"),
              title: Container(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[
                    Text(
                      "Header",
                      style: TextStyle(
                        fontFamily: 'BalooBhai',
                        fontSize: 30,
                        color: Colors.white,
                      ),
                    ),
                    Text(
                      "Sub",
                      style: TextStyle(
                          fontFamily: 'BalooBhai', fontSize: 20, color: Colors.white),
                    ),
                  ],
                ),
              ),
              children: <Widget>[
                Container(
                  margin: EdgeInsets.symmetric(horizontal: 7),
                  child: Text("Content goes over here !",
                      style: TextStyle(
                          fontFamily: 'BalooBhai',
                          fontSize: 20,
                          color: Colors.white)),
                )
              ],
            ));

Custom Usage

There are several options that allow for more control:

Properties	Description
`leading`	Define an action after slidding a button
`background`	provide any image asset file (supports gif also)
`onExpansionChanged`	When the tile starts expanding, this function is called with the value true. When the tile starts collapsing, this function is called with the value false.
`trailing`	A widget to display instead of a rotating arrow icon
`initiallyExpanded`	Specifies if the list tile is initially expanded (true) or collapsed (false, the default)

👍 Contribution

Fork it
Create your feature branch (git checkout -b my-new-feature)
Commit your changes (git commit -m 'Add some feature')
Push to the branch (git push origin my-new-feature)
Create new Pull Request

Pakete, Repositories und App-Kategorien suchen

Paket installieren