number_selection

Visão geral do pacote

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

Um pacote Flutter que fornece um widget de seletor numérico visualmente atraente e interativo, inspirado em um conceito legal. Permite aos usuários selecionar números por meio de rolagem intuitiva ou toque, adequado para formulários, configurações ou qualquer entrada que exija seleção numérica. O widget é personalizável e suporta múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. Melhora a experiência do usuário com animações suaves e feedback responsivo.

Casos de uso

Entradas de formulário que exigem seleção numérica
Configurações com valores ajustáveis
Componentes de interface interativa
Aplicações móveis e de desktop
Interfaces de entrada de número personalizadas

Principais recursos

Interface de rolagem suave
Compatibilidade multiplataforma
Aparência personalizável
Interações de toque responsivas
Transições animadas
Suporta navegação por teclado

Indicado para

Desenvolvedores criando aplicativos baseados em formulários
Implementações de UI centradas no design
Projetos multiplataforma do Flutter
Aplicativos que precisam de entrada numérica intuitiva

Considerações

Pode exigir estilos adicionais para integração
Limitado a entrada numérica apenas
Impacto no desempenho em grandes conjuntos de dados
Não otimizado para atualizações de muito alta frequência

README original

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

Example

Demo

How to use

Import number_selection.dart

import 'package:number_selection/number_selection.dart';

And here an use example

NumberSelection(
    theme: NumberSelectionTheme(
        draggableCircleColor: Colors.blue,
        iconsColor: Colors.white,
        numberColor: Colors.white,
        backgroundColor: Colors.deepPurpleAccent,
        outOfConstraintsColor: Colors.deepOrange),
    initialValue: 1,
    minValue: -10,
    maxValue: 10,
    direction: Axis.vertical,
    withSpring: true,
    onChanged: (int value) => print("value: $value"),
    enableOnOutOfConstraintsAnimation: true,
    onOutOfConstraints: () => print("This value is too high or too low"),
);

Buscar pacotes, repositórios e categorias de apps

Instalar pacote