selectable_container

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das ein auswählbares Container-Widget mit einer visuellen Markierung (Symbol), die in einer Ecke erscheint, wenn angeklickt wird, bereitstellt. Es verbessert die Benutzerinteraktion durch sofortige Rückmeldung und ist ideal für Auswahl-basierte Benutzeroberflächen wie Filter, Tags oder Optionen. Der Container unterstützt mehrere Plattformen, darunter Android, iOS, Web, macOS, Windows und Linux. Er ist leichtgewichtig und einfach zu integrieren und konzentriert sich auf Einfachheit und visuelle Klarheit.

Anwendungsfälle

Filter-Auswahl-Schnittstellen
Tag-basierte Navigation
Interaktive Formularelemente
Benutzereinstellungsauswahler
Mehrfachauswahl-Chips
Benutzerdefinierte Schaltflächen

Hauptmerkmale

Ecken-Icon-Indikator bei Berührung
Plattformübergreifende Kompatibilität
Einfache Integration
Visuelle Rückmeldung bei Auswahl
Anpassbare Erscheinung
Leichtgewichtiges Design

Geeignet für

Entwickler, die interaktive Benutzeroberflächen erstellen
Designer, die visuelle Rückmeldung suchen
Apps mit ausgewählten Arbeitsabläufen
Minimale Schnittstellenkomponenten
Flutter-Einsteiger lernen den Zustandsmanagement

Hinweise

Beschränkt auf eckbasierte Indikatoren
Keine integrierte Animationsanpassung
Benötigt manuelle Behandlung des Auswahlzustands
Nicht geeignet für komplexe Mehrzustands-Interaktionen
Hängt von externer Zustandsverwaltung für die Gruppenauswahl ab

Original-README

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

A Selectable Container for Flutter. Easy to implement and customize.

Demo

Demo:

Usage

To use plugin, just import package import 'package:selectable_container/selectable_container.dart';

Example

Check de example directory to access the project that implements the image shown above.

    import 'package:flutter/material.dart';
    import 'package:selectable_container/selectable_container.dart';

    class SimpleExamplePage extends StatefulWidget {
      @override
      _SimpleExamplePageState createState() => _SimpleExamplePageState();
    }

    class _SimpleExamplePageState extends State<SimpleExamplePage> {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('Selectable Container'),
          ),
          body: Column(
            children: <Widget>[
              Text(
                'Default container',
                style: TextStyle(fontSize: 22, fontWeight: FontWeight.bold),
              ),
              SelectableContainer(
                selected: _selected
                onValueChanged: (newValue) {
                   setState(() {
                    _selected = newValue;
                  });
                },
                child: Text('Tap me'),
                padding: 16.0,
              ),
            ],
          ),
        );
      }
    }

Pakete, Repositories und App-Kategorien suchen