Pakete, Repositories und App-Kategorien suchen

Cover von foldable_list
Paketdetailsv1.0.1

foldable_list

Eine animierte faltbare Liste mit erweiterten Elementen, die angezeigt werden, wenn der Benutzer auf eine Zelle klickt

AndroidiOSWebmacOSWindowsLinux
30-Tage-Downloads
70
Likes
35
Pub-Punkte
150

Paket installieren

flutter pub add foldable_list

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

FoldableList ist ein Flutter-Paket, das eine animierte, interaktive Liste bietet, bei der Elemente beim Tippen erweitert und zusammengeklappt werden können, wobei sanfte Übergänge verwendet werden. Es verbessert die Benutzererfahrung, indem es Nutzern ermöglicht, zusätzlichen Inhalt innerhalb von Listenzellen dynamisch zu zeigen. Ideal zur Darstellung hierarchischer oder detaillierter Informationen in einem kompakten Layout, unterstützt es alle wichtigen Plattformen wie Android, iOS, Web, macOS, Windows und Linux. Das Paket ist leichtgewichtig und einfach zu integrieren und eignet sich daher für Apps, die faltbare Inhaltsabschnitte benötigen.

Anwendungsfälle

  • Anzeige detaillierter Informationen in einer kompakten Liste
  • Erstellen von Akkordeon-artigen Schnittstellen
  • Navigation durch erweiterbare Abschnitte verbessern
  • Häufig gestellte Fragen oder Einstellungspanels erstellen
  • Verschachtelte Datenhierarchien anzeigen

Hauptmerkmale

  • Glatte animierte Erweiterung und Zusammenfaltung
  • Anpassbare Animationsdauer und -kurve
  • Unterstützung für mehrere erweiterbare Elemente
  • Einfache Integration mit bestehendem ListView
  • Plattformübergreifende Kompatibilität

Geeignet für

  • Entwickler, die interaktive Benutzeroberflächen erstellen
  • Apps, die zusammenfaltbaren Inhalt benötigen
  • Designer, die elegante erweiterbare Listen suchen
  • Projekte mit dynamischer Datenanzeige
  • Mobile- und Webanwendungen mit reichhaltigen Interaktionen

Hinweise

  • Kann die Leistung bei sehr großen Listen beeinträchtigen
  • Erfordert sorgfältige Behandlung der Zustandsverwaltung
  • Das Animationsverhalten kann sich leicht von Plattform zu Plattform unterscheiden
  • Eingeschränkte Anpassungsmöglichkeiten für komplexe Layouts
  • Am besten geeignet für moderate Anzahlen von erweiterbaren Elementen

Original-README

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

Foldable List

An animated foldable list cells with dynamic widget list input, let you display detailed item cell without navigating to a new screen.

enter image description here foldable_list_slide_animation.gif foldable_list_without_animation.gif

Features

  • Display list of widgets
  • Display detailed cell item
  • Animation transition between item cell and foldable item

Getting Started

In order to use foldable list package you need to install it via pubspec.yaml file

dependencies:
	foldable_list: ^1.0.1

Parameters

Name Type Description Required
foldableItems List<Widget> List of widget items that will be shown when an item is clicked True
items List<Widget> List of widgets that will be shown by default in the listview True
animationDuration Duration the duration of the animation by default: Duration(milliseconds: 500) False
animationType ANIMATION_TYPE the animation that will applied on the transition between items False

possible values of animationType : NONE, SIZE_TRANSITION, SCALE

Example

return  Scaffold(
	backgroundColor:  Colors.white,
	body:  Container(
		child:  FoldableList(
			animationType:  ANIMATION_TYPE.NONE,
			foldableItems:  this.expandedWidgetList,
			items:  this.simpleWidgetList
		)
	)
);

Result:

foldable_list_without_animation.gif

Contribution

Of course the project is open source, and you can contribute to it repository link

  • If you found a bug, open an issue.

  • If you have a feature request, open an issue.

  • If you want to contribute, submit a pull request.

Kategorien

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.