simple_chips_input

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Simple Chips Input ist ein hochgradig anpassbarer Flutter-Paket, der zwei Bibliotheken zum Erstellen und Verwalten von Chips und Chip-Auswahlen bietet. Er ermöglicht Entwicklern die einfache Erstellung interaktiver, tagähnlicher Komponenten mit Unterstützung für Einzel- und Mehrfachauswahl. Das Paket ist für Flexibilität konzipiert und erlaubt die Anpassung von Aussehen, Verhalten und Interaktionsmustern. Ideal für Formulare, Filter oder Tag-Systeme, bietet es eine saubere API zur dynamischen Erstellung und Verwaltung von Chips auf allen wichtigen Plattformen.

Anwendungsfälle

Formularingaben mit Tag-Auswahl
Filter-Schnittstellen
Benutzerdefinierte Tags
Dynamische Chip-Listen
Suchvorschläge
Mehrfachauswahl-Menüs

Hauptmerkmale

Hochgradig anpassbare Chip-Stilisierung
Unterstützung für einzelne und mehrfache Auswahl
Eingebaute Validierung und Fehlerbehandlung
Plattformübergreifende Kompatibilität
Einfache Integration mit Textfeldern
erweiterbare Ereignisrückrufe

Geeignet für

Entwickler, die Formularkomponenten erstellen
UI-Designer, die flexible Chip-Widgets benötigen
Apps, die tagbasierte Eingabe erfordern
Projekte mit Bedarf an Mehrfachauswahl
Teams, die der plattformübergreifenden Konsistenz Priorität einräumen

Hinweise

Kenntnisse im Flutter-State-Management erforderlich
Kann zusätzliche Logik für komplexe Validierung benötigen
Anpassungsoptionen können die Codekomplexität erhöhen
Beschränkte Dokumentation außerhalb grundlegender Beispiele
Nicht für extrem große Datensätze optimiert

Original-README

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

Features 🚀

The working screen captures might be outdated.

Please refer to the demo: https://simplechipsinput.vercel.app

Create chips from user's text input and get the value after form submission.
Select chips and get the values of the selection.
Select only one chip at a time and get the value (acts as a toggle/radio button).
Ability to keep some/all/none pre-selected chips (that can be later changed according to user input).
Full customisability of the chips - keeping prefix/suffix icons (that can be changed when a particular chip is selected).
Full customisability of the chips design - change the background color, border color, text color, etc of the chips (can be two sets of designs - one for selected chips and one for unselected chips).
Much more!

Contents 📚

Create chips from user's text input and get the value after form submission. Read the API reference for full documentation.
Select pre-defined chips to get the value of selected chips. Read the API reference for full documentation.

Importing the package ⬇️

import 'package:simple_chips_input/simple_chips_input.dart';
import 'package:simple_chips_input/select_chips_input.dart';

Working ⚙️

For example usage, refer pub.dev example

Author

@danger-ahead

Pakete, Repositories und App-Kategorien suchen