https://github.com/cilestal/clickable_list_wheel_view

Simple wrapper for ListWheelScrollView that allows children to respond on gesture (onTap) events
https://github.com/cilestal/clickable_list_wheel_view

flutter listwheelscrollview

Last synced: 4 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/cilestal/clickable_list_wheel_view
• Owner: Cilestal
• License: apache-2.0
• Created: 2021-01-19T08:54:47.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-11-12T12:13:35.000Z (over 1 year ago)
• Last Synced: 2025-10-23T07:33:01.700Z (8 months ago)
• Topics: flutter, listwheelscrollview
• Language: Dart
• Homepage:
• Size: 3 MB
• Stars: 14
• Watchers: 2
• Forks: 9
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![pub package](https://img.shields.io/pub/v/clickable_list_wheel_view.svg)](https://pub.dartlang.org/packages/clickable_list_wheel_view)

# clickable_list_wheel_view

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:

```yaml

dependencies:

    clickable_list_wheel_view: latest_version

```

# Usage

### Basic

You can get started really simple, just add

```dart

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

```dart

  ///  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;

```