simple_chips_input

Visão geral do pacote

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

Simple Chips Input é um pacote Flutter altamente personalizável que oferece duas bibliotecas para criar e gerenciar chips e seleções de chips. Permite aos desenvolvedores criar componentes interativos semelhantes a tags com facilidade, suportando seleções únicas e múltiplas. O pacote foi projetado para flexibilidade, permitindo personalização da aparência, comportamento e padrões de interação. Ideal para formulários, filtros ou sistemas de marcação, fornece uma API limpa para criação dinâmica e gerenciamento de chips em todas as principais plataformas.

Casos de uso

Entradas de formulário com seleção de tags
Interfaces de filtragem
tags gerados pelo usuário
Listas dinâmicas de chips
Sugestões de pesquisa
menus suspensores multiplas seleções

Principais recursos

Estilo de chip altamente personalizável
Suporte para seleções únicas e múltiplas
Validação e tratamento de erros embutidos
Compatibilidade multiplataforma
Integração fácil com campos de texto
callbacks de evento extensíveis

Indicado para

Desenvolvedores de componentes de formulário
Designers de UI que precisam de widgets de chip flexíveis
Aplicativos que exigem entrada baseada em tags
Projetos com necessidades de seleção múltipla
Equipes que priorizam a consistência entre plataformas

Considerações

Requer conhecimento sobre gerenciamento de estado no Flutter
Pode ser necessário lógica adicional para validação complexa
Opções de personalização podem aumentar a complexidade do código
Documentação limitada além dos exemplos básicos
Não otimizado para conjuntos de dados extremamente grandes

README original

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

Features 🚀

The working screen captures might be outdated.

Please refer to the demo: https://simplechipsinput.vercel.app

Create chips from user's text input and get the value after form submission.
Select chips and get the values of the selection.
Select only one chip at a time and get the value (acts as a toggle/radio button).
Ability to keep some/all/none pre-selected chips (that can be later changed according to user input).
Full customisability of the chips - keeping prefix/suffix icons (that can be changed when a particular chip is selected).
Full customisability of the chips design - change the background color, border color, text color, etc of the chips (can be two sets of designs - one for selected chips and one for unselected chips).
Much more!

Contents 📚

Create chips from user's text input and get the value after form submission. Read the API reference for full documentation.
Select pre-defined chips to get the value of selected chips. Read the API reference for full documentation.

Importing the package ⬇️

import 'package:simple_chips_input/simple_chips_input.dart';
import 'package:simple_chips_input/select_chips_input.dart';

Working ⚙️

For example usage, refer pub.dev example

Author

@danger-ahead

Buscar pacotes, repositórios e categorias de apps