selectable_container

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 contêiner selecionável com um indicador visual (ícone) aparecendo em uma das extremidades quando tocado. Ele melhora a interação do usuário ao oferecer feedback imediato, sendo ideal para interfaces baseadas em seleção, como filtros, tags ou opções. O contêiner é compatível com múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. É leve e fácil de integrar, focando na simplicidade e clareza visual.

Casos de uso

Interfaces de seleção de filtro
Navegação baseada em tags
Elementos de formulário interativos
seletores de preferência do usuário
Chips de seleção múltipla
Botões de alternância personalizados

Principais recursos

Indicador de ícone de canto ao toque
Compatibilidade multiplataforma
Integração simples
Feedback visual na seleção
Aparência personalizável
Design leve

Indicado para

Desenvolvedores de interfaces de usuário interativas
Designers procurando feedback visual
Aplicativos com fluxos de trabalho intensivos em seleção
Componentes de interface minimalistas
Iniciantes do Flutter aprendendo gerenciamento de estado

Considerações

Limitado a indicadores baseados em cantos
Nenhuma personalização de animação embutida
Requer manipulação manual do estado de seleção
Não adequado para interações complexas de múltiplos estados
Depende de gerenciamento externo de estado para seleção de grupo

README original

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

A Selectable Container for Flutter. Easy to implement and customize.

Demo

Demo:

Usage

To use plugin, just import package import 'package:selectable_container/selectable_container.dart';

Example

Check de example directory to access the project that implements the image shown above.

    import 'package:flutter/material.dart';
    import 'package:selectable_container/selectable_container.dart';

    class SimpleExamplePage extends StatefulWidget {
      @override
      _SimpleExamplePageState createState() => _SimpleExamplePageState();
    }

    class _SimpleExamplePageState extends State<SimpleExamplePage> {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('Selectable Container'),
          ),
          body: Column(
            children: <Widget>[
              Text(
                'Default container',
                style: TextStyle(fontSize: 22, fontWeight: FontWeight.bold),
              ),
              SelectableContainer(
                selected: _selected
                onValueChanged: (newValue) {
                   setState(() {
                    _selected = newValue;
                  });
                },
                child: Text('Tap me'),
                padding: 16.0,
              ),
            ],
          ),
        );
      }
    }

Buscar pacotes, repositórios e categorias de apps