flutter_3d_choice_chip

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das einen einfachen 3D-Effekt-Auswahlchip mit anpassbaren Farbthemen und Größenoptionen bietet. Speziell für Auswahl-Schnittstellen entwickelt, verbessert es die Benutzerinteraktion durch subtile Tiefe und visuelle Attraktivität auf mehreren Plattformen. Der Chip unterstützt reibungslose Animationen und kann problemlos in Formulare, Filter oder Einstellungspanele integriert werden. Leichtgewichtig und mit den Kern-Widgets von Flutter gebaut, gewährleistet es Kompatibilität und Leistungsfähigkeit unter Android, iOS, Web, macOS, Windows und Linux.

Anwendungsfälle

Formulareingaben mit visueller Rückmeldung
Filterauswahl-Schnittstellen
Themenbasierte Benutzeroberflächenkomponenten
Interaktive Einstellungspanels
Mobile und Web-App-Navigation
Anpassbare Benutzereinstellungen

Hauptmerkmale

3D-Visualwirkung mit Tiefe
Anpassbare Farbthemen
Verstellbare Größe
Plattformübergreifende Unterstützung
Glatte Animationen
Einfache Integration in bestehenden Code

Geeignet für

UI-Designer, die moderne Optik suchen
Entwickler, die interaktive Formulare erstellen
Apps, die ansprechende Auswahlelemente erfordern
Projekte für mehrere Plattformen
Teams, die leichte, wiederverwendbare Komponenten wollen

Hinweise

Kann zusätzliche Stilisierung für komplexe Themen erfordern
Leistungseinfluss auf Geräten mit geringer Leistungsfähigkeit
Beschränkt auf grundlegende Chip-Funktionen
Nicht geeignet für hochpräzise Gesteninteraktionen
Abhängig von der Stabilität des Rendering-Engines von Flutter

Original-README

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

This package provides a simple 3D choice chip.

Getting Started

Import the file.

import 'package:flutter_3d_choice_chip/flutter_3d_choice_chip.dart';

Use with default style:

ChoiceChip3D(
  style: ChoiceChip3DStyle.blue, // ChoiceChip3DStyle.red, ChoiceChip3DStyle.white
  selected: true,
  onSelected: () {},
  onUnSelected: () {},
  child: Text("My Choice"),
);

Use with custom style:

ChoiceChip3D(
  style: ChoiceChip3dStyle(
      topColor: Colors.lightGreen,
      backColor: Colors.deepOrange,
      borderRadius: BorderRadius.zero
  ),
  onSelected: () {},
  onUnSelected: () {},
  child: Text("My Choice"),
);

Credit

Flutter 3D Choice Chip was inspired by button3d

Pakete, Repositories und App-Kategorien suchen