flutter_touch_spin

Visão geral do pacote

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

Um widget simples de spinner de entrada numérica para o Flutter, inspirado no Bootstrap Touchspin. Oferece uma interface intuitiva para aumentar e diminuir valores numéricos com botões amigáveis ao toque. O pacote é leve e fácil de integrar em formulários ou configurações onde for necessário entrada numérica. Suporta personalização básica e funciona perfeitamente dentro da árvore de widgets do Flutter.

Casos de uso

Campos de formulário que exigem entrada numérica
Configurações com valores ajustáveis
Seleção de número amigável ao celular
Seletores de quantidade de comércio eletrônico
Interfaces simples de entrada de dados

Principais recursos

Botões de cima/baixo amigáveis ao toque
Tamanho de passo personalizável
Configuração mínima
design responsivo
Integração fácil com formulários existentes

Indicado para

Desenvolvedores criando formulários móveis
Designers de interface procurando entradas numéricas acessíveis
Projetos que precisam de giradores leves
Aplicativos com ajustes numéricos frequentes
Iniciantes do Flutter explorando widgets de entrada

Considerações

Limitado às funcionalidades básicas
Nenhuma validação embutida
Não adequado para intervalos de números complexos
Sem suporte para entrada de teclado
Depende do sistema de gestos do Flutter

README original

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

Simple number input spinner Widget for Flutter. Inspired by Bootstrap Touchspin

Getting Started

TouchSpin(
    min: 5,
    max: 100,
    step: 5,
    value: 10,
    displayFormat: NumberFormat.currency(locale: 'en_US', symbol: '\$'),
    textStyle: const TextStyle(fontSize: 36),
    iconSize: 48.0,
    addIcon: const Icon(Icons.add_circle_outline),
    subtractIcon: const Icon(Icons.remove_circle_outline),
    iconActiveColor: Colors.green,
    iconDisabledColor: Colors.grey,
    iconPadding: const EdgeInsets.all(20),
    onChanged: (val){
        print(val);
    },
),

Attributes

Attribute	Type	Default
`value`	`num`	`1`
`min`	`num`	`1`
`max`	`num`	`9999999`
`step`	`num`	`1`
`displayFormat`	`NumberFormat`
`textStyle`	`TextStyle`	`TextStyle(fontSize: 24)`
`iconSize`	`double`	`24.0`
`addIcon`	`Icon`	`Icon(Icons.add)`
`subtractIcon`	`Icon`	`Icon(Icons.remove)`
`iconActiveColor`	`Color`	`Theme.of(context).textTheme.button.color`
`iconDisabledColor`	`Color`	`Theme.of(context).disabledColor`
`iconPadding`	`EdgeInsetsGeometry`	`EdgeInsets.all(4.0)`
`onChanged`	`ValueChanged<num>`

Buscar pacotes, repositórios e categorias de apps