dancing_tiles

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Dancing Tiles ist ein leichtgewichtiges Flutter-Paket, das Entwicklern ermöglicht, interaktive Gitterlayouts mit animierten Kacheln zu erstellen. Jede Kachel im Gitter kann auf Benutzerinteraktionen mit sanften Animationen reagieren und eignet sich daher ideal für dynamische Oberflächen wie Dashboards, Galerien oder Spielbretter. Das Paket wurde für Einfachheit und Leistung entwickelt und unterstützt alle wichtigen Plattformen, darunter Android, iOS, Web, macOS, Windows und Linux. Mit minimalem Setup können Entwickler das Verhalten der Kacheln, Animationsarten und Layoutstruktur anpassen.

Anwendungsfälle

Interaktive Dashboards
animierte Bildgalerien
Spielbrett-Schnittstellen
Dynamische Datenraster
benutzergetriggerte Animationen

Hauptmerkmale

Glatte Kachelanimationen
Anpassbares Rasterlayout
Reaktive Interaktionen verarbeiten
Leichtgewichtig und leistungsstark
Plattformübergreifende Unterstützung
Einfache Integration mit Flutter

Geeignet für

UI-Designer, die visuellen Glanz suchen
Entwickler, die interaktive Layouts erstellen
Projekte, die animierte Gitterelemente erfordern
Prototyping interaktiver Schnittstellen
Apps mit berührungsbasierter Navigation

Hinweise

Kann die Leistung bei großen Gittern beeinträchtigen
begrenzte integrierte Animationsvorlagen
Erfordert manuelle Handhabung komplexer Zustände
Am besten geeignet für moderate Kachelanzahlen
Nicht für Hochfrequenz-Updates optimiert

Original-README

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

Dancing Tiles

A simple and lightweight Flutter package to create a grid view with animatable tiles.

Demo

Link to Demo App https://isaaskin.github.io/dancing_tiles_flutter

Installation

Add the following line to pubspec.yaml:

dependencies:
  dancing_tiles: ^0.0.1

Usage/Examples

import 'package:dancing_tiles/tile.dart';
import 'package:dancing_tiles/tiles_manager.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const Example());
}

class Example extends StatelessWidget {
  const Example({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: TilesManager(row: 4, column: 4, tiles: [
        Tile(row: 1, column: 1, child: Container(color: Colors.blue)),
        Tile(
            row: 2,
            column: 1,
            rowSpan: 2,
            columnSpan: 3,
            child: Container(color: Colors.yellow)),
        Tile(
            row: 4,
            column: 2,
            columnSpan: 2,
            child: Container(color: Colors.green))
      ]),
    );
  }
}

Authors

@isaaskin

License

MIT

Pakete, Repositories und App-Kategorien suchen

Paket installieren