clickable_list_wheel_view

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Um wrapper simples para ListWheelScrollView que permite interações de toque em filhos individuais. Ele aprimora a roda de rolagem padrão ao permitir que os usuários respondam a eventos onTap, tornando-o ideal para rodas de lista interativas em aplicativos Flutter. O pacote mantém o comportamento de rolagem suave do ListWheelScrollView enquanto adiciona reconhecimento de gestos para cada item. Compatível com todas as principais plataformas, é leve e fácil de integrar com configuração mínima.

Casos de uso

Menus navegáveis interativos
Seleção de item clicável em uma roda
Menus suspensores personalizáveis com feedback tátil
Componentes de interface gamificados
Navegação de conteúdo dinâmico

Principais recursos

Detecção de toque em itens do ListWheelScrollView
Configuração e integração mínimas
Compatibilidade multiplataforma
Preserva o comportamento nativo de rolagem
Leve e performático
Suporta callbacks personalizados onTap

Indicado para

Desenvolvedores construindo rodas de lista interativas
Aplicativos que exigem seleção de item baseada em toque
Interfaces com listas girando ou giratórias
Projetos que precisam de componentes de roda responsivos
Iniciantes do Flutter explorando o tratamento de gestos

Considerações

Pode exigir estilos adicionais para feedback visual
Não adequado para cenários de toque de alta frequência
Limitado a interação de um toque
O desempenho depende da complexidade do item
Não suporta gestos de pressão longa ou arraste

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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;

Buscar pacotes, repositórios e categorias de apps