clickable_list_wheel_view

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Eine einfache Wrapper-Komponente für ListWheelScrollView, die das Anklicken einzelner Kinder ermöglicht. Sie verbessert die Standardrollenradfunktion, indem Benutzer auf onTap-Ereignisse reagieren können, wodurch sie ideal für interaktive Listenräder in Flutter-Anwendungen werden. Das Paket bewahrt das reibungslose Scrollverhalten von ListWheelScrollView und fügt Erkennung von Gesten für jedes Element hinzu. Kompatibel mit allen wichtigen Plattformen, ist es leichtgewichtig und einfach mit minimaler Konfiguration zu integrieren.

Anwendungsfälle

Interaktive scrollbare Menüs
Auswählen von klickbaren Elementen in einem Rad
Anpassbare Dropdowns mit Touch-Feedback
Gamifizierte UI-Komponenten
Dynamische Inhaltsnavigation

Hauptmerkmale

Berührungserkennung bei ListWheelScrollView-Elementen
Minimale Einrichtung und Integration
Plattformübergreifende Kompatibilität
Behält das native Scrollverhalten bei
Leichtgewichtig und leistungsstark
Unterstützt benutzerdefinierte onTap-Rückrufe

Geeignet für

Entwickler, die interaktive Listenräder erstellen
Apps, die eine berührungsbasierende Elementauswahl erfordern
Benutzeroberflächen mit drehenden oder rotierenden Listen
Projekte, die responsive Radkomponenten benötigen
Flutter-Anfänger erkunden die Gestenverarbeitung

Hinweise

Kann zusätzliche Stilisierung für visuelle Rückmeldung erfordern
Nicht geeignet für Szenarien mit hoher Tastfrequenz
Beschränkt auf Ein-Tap-Interaktion
Die Leistung hängt von der Komplexität des Elements ab
Unterstützt keine langen Druck- oder Ziehgesten

Original-README

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

Simple wrapper for ListWheelScrollView that allows children to respond on gesture (onTap) events

Installation

In the dependencies: section of your pubspec.yaml, add the following line:

dependencies:
    clickable_list_wheel_view: latest_version

Usage

Basic

You can get started really simple, just add


ClickableListWheelScrollView(
  scrollController: _scrollController,
  itemHeight: _itemHeight,
  itemCount: _itemCount,
  onItemTapCallback: (index) {
    print("onItemTapCallback index: $index");
  },
  child: ListWheelScrollView.useDelegate(
    controller: _scrollController,
    itemExtent: _itemHeight,
    physics: FixedExtentScrollPhysics(),
    overAndUnderCenterOpacity: 0.5,
    perspective: 0.002,
    onSelectedItemChanged: (index) {
      print("onSelectedItemChanged index: $index");
    },
    childDelegate: ListWheelChildBuilderDelegate(
      builder: (context, index) => _child(index),
      childCount: _itemCount,
    ),
  ),
)

Full Api

  ///  Required. The [child] which the wrapper will target to
  final ListWheelScrollView child;

  /// Required. Must be the same for list and wrapper
  final ScrollController scrollController;

  /// Optional. ListWheelScrollView height
  final double listHeight;

  /// Required. Height of one child in ListWheelScrollView
  final double itemHeight;

  /// Required. Number of items in ListWheelScrollView
  final int itemCount;

  /// If true the list will scroll on click
  final bool scrollOnTap;

  /// Set a handler for listening to a `tap` event
  final OnItemTapCallback onItemTapCallback;

  /// sets the duration of the scroll  animation
  final Duration animationDuration;
  
  /// use with ListWheelChildLoopingListDelegate
  final bool loop;

Pakete, Repositories und App-Kategorien suchen