flutter_grid_button

Visão geral do pacote

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

Um widget Flutter que organiza botões em um layout de grade personalizável. Ideal para criar interfaces como teclados numéricos, calculadoras ou qualquer sistema de botões baseado em grade. Simplifica a criação de grades de botões responsivas e visualmente consistentes em múltiplas plataformas. O pacote suporta várias configurações para espaçamento, alinhamento e estilização de botões, tornando-o flexível para diferentes necessidades de UI. Desenvolvido com simplicidade e reutilização em mente, integra-se perfeitamente em projetos existentes do Flutter.

Casos de uso

Criando interfaces de calculadora
Designing numeric input pads
Construindo painéis de controle de jogo
Desenvolvendo layouts de formulários com ações agrupadas
Implementando arranjos de botões semelhantes ao teclado

Principais recursos

Disposição de botões baseada em grade
Espaçamento e alinhamento personalizáveis
Design responsivo em várias plataformas
Integração fácil com o Flutter
Suporte para renderização específica de plataforma

Indicado para

Desenvolvedores de aplicativos de calculadora
Designers de UI que precisam de layouts de botões em grade
Projetos que exigem grades de botões consistentes
Aplicações móveis e web multiplataforma
Aplicativos com sistemas de entrada numéricos ou baseados em ações

Considerações

Limitado a casos de uso da grade de botões
Requer manipulação manual da lógica de toque no botão
Sem suporte embutido para animações complexas
Mais adequado para grades estáticas ou simplesmente interativas
Pode ser necessário estilização adicional para efeitos visuais avançados

README original

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

Flutter widget that arrange buttons in a grid. It is useful for making a number pad, calculator, and so on.

Getting Started

To use this plugin, add flutter_grid_button as a dependency in your pubspec.yaml file.

dependencies:
 flutter_grid_button:

Import the library in your file.

import 'package:flutter_grid_button/flutter_grid_button.dart';

See the example directory for a complete sample app using GridButton. Or use the GridButton like below.

GridButton(
  onPressed: (String value) {
    /*...*/
  },
  items: [
    [
      GridButtonItem(title: "1"),
      GridButtonItem(child: Text("2")),
      GridButtonItem(title: "3", flex: 2),
    ],
    [
      GridButtonItem(title: "a", value: "100", longPressValue: "long"),
      GridButtonItem(title: "b", color: Colors.lightBlue)
    ],
  ],
)

Buscar pacotes, repositórios e categorias de apps