Paketdetailsv2.0.0

custom_sliding_segmented_control

Ermöglicht die flexible Konfiguration des Widgets zur Anzeige von Steuerelementen. Sie können Farbe, Geschwindigkeit, Größe, Anfangswert, Animation usw. hinzufügen.

AndroidiOSWebmacOSWindowsLinux

pub.dev API-Dokumentation Quellcode

30-Tage-Downloads: 59.600
Likes: 232
Pub-Punkte: 150

Paket installieren

flutter pub add custom_sliding_segmented_control

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein flexibles Flutter-Widget zum Erstellen von schubfahrbaren Segmentsteuerelementen mit anpassbarem Aussehen und Verhalten. Unterstützt anpassbare Farben, Animationsgeschwindigkeit, Größe, Anfangsauswahl und reibungslose Übergänge zwischen Segmenten. Ideal zur Verbesserung von Benutzeroberflächen mit interaktiver, visuell ansprechender Tab-artiger Navigation. Das Steuerelement ist hochgradig konfigurierbar und funktioniert auf allen wichtigen Plattformen wie Android, iOS, Web, macOS, Windows und Linux.

Anwendungsfälle

Benutzerdefinierte Tab-Navigation
Interaktive Formularfilter
Dynamische Inhaltswechsel
Benutzereinstellungsauswahl
Animierte UI-Übergänge

Hauptmerkmale

Konfigurierbare Farben
Einstellbare Animationsgeschwindigkeit
Veränderbare Segmente
Anfangswert-Einstellung
Glatte Schiebeanimationen
Plattformübergreifende Unterstützung

Geeignet für

Entwickler, die benutzerdefinierte Registerkarten-Schnittstellen benötigen
Designer, die animierte Steuerelemente möchten
Apps mit dynamischer Inhaltssfilterung
UI-intensiven Anwendungen
Multiplattform-Flutter-Projekte

Hinweise

Erfordert sorgfältige Behandlung der Zustandsverwaltung
Möglicherweise ist eine Leistungsoptimierung für große Segmentanzahlen erforderlich
Eingeschränkte Dokumentation in einigen Bereichen
Am besten mit klarer visueller Rückmeldung verwenden

Original-README

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

CustomSlidingSegmentedControl

Allows you to flexibly configure the widget for displaying controls. You can add color, speed, size, initial value, animation and more.

Example

import 'package:custom_sliding_segmented_control/custom_sliding_segmented_control.dart';

CustomSlidingSegmentedControl<int>(
  initialValue: 2,
  children: {
    1: Text('News daily portal'),
    2: Text('Map'),
    3: Text('Paper'),
  },
  decoration: BoxDecoration(
    color: CupertinoColors.lightBackgroundGray,
    borderRadius: BorderRadius.circular(8),
  ),
  thumbDecoration: BoxDecoration(
    color: Colors.white,
    borderRadius: BorderRadius.circular(6),
    boxShadow: [
      BoxShadow(
        color: Colors.black.withOpacity(.3),
        blurRadius: 4.0,
        spreadRadius: 1.0,
        offset: Offset(
          0.0,
          2.0,
        ),
      ),
    ],
  ),
  duration: Duration(milliseconds: 300),
  curve: Curves.easeInToLinear,
  onValueChanged: (v) {
    print(v);
  },
),