flutter_grid_button

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Widget, das Schaltflächen in einem anpassbaren Rasterlayout anordnet. Ideal für die Erstellung von Benutzeroberflächen wie Zahlentastaturen, Taschenrechner oder beliebige, auf Gitter basierende Schaltflächensysteme. Vereinfacht die Erstellung von responsive und visuell konsistenten Schaltflächengittern über mehrere Plattformen hinweg. Das Paket unterstützt verschiedene Einstellungen für Abstände, Ausrichtung und Button-Styling, was es flexibel für unterschiedliche UI-Anforderungen macht. Mit Fokus auf Einfachheit und Wiederverwendbarkeit lässt es sich nahtlos in bestehende Flutter-Projekte integrieren.

Anwendungsfälle

Erstellen von Rechner-Oberflächen
Entwicklung numerischer Eingabeprofile
Spielsteuerungspanels erstellen
Formularlayouts mit gruppierten Aktionen entwickeln
Implementierung von tastaturähnlichen Schaltflächenanordnungen

Hauptmerkmale

Rasterbasierte Schaltflächenanordnung
Anpassbare Abstände und Ausrichtung
Reaktive Gestaltung über Plattformen hinweg
Einfache Integration mit Flutter
Unterstützung für plattformspezifische Darstellung

Geeignet für

Entwickler, die Rechner-Apps erstellen
UI-Designer, die Grid-Button-Layouts benötigen
Projekte, die konsistente Button-Gitter erfordern
Plattformübergreifende mobile und Web-Anwendungen
Apps mit numerischen oder handlungsorientierten Eingabesystemen

Hinweise

Beschränkt auf Button-Grid-Anwendungsfälle
Erfordert manuelle Behandlung der Button-Tap-Logik
Keine integrierte Unterstützung für komplexe Animationen
Am besten geeignet für statische oder einfache interaktive Raster
Kann zusätzliche Stilisierung für fortgeschrittene visuelle Effekte erfordern

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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)
    ],
  ],
)

Pakete, Repositories und App-Kategorien suchen