dancing_tiles

Visão geral do pacote

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

Dancing Tiles é um pacote leve do Flutter que permite aos desenvolvedores criar layouts de grade interativos com telhas animadas. Cada telha na grade pode responder às interações do usuário com animações suaves, tornando-o ideal para interfaces dinâmicas como painéis, galerias ou tabuleiros de jogos. O pacote foi projetado para simplicidade e desempenho, oferecendo suporte a todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. Com configuração mínima, os desenvolvedores podem personalizar o comportamento das telhas, tipos de animação e estrutura do layout.

Casos de uso

Painéis interativos
Galerias de imagens animadas
Interfaces do tabuleiro de jogo
Grade de dados dinâmicos
animações acionadas pelo usuário

Principais recursos

Animações suaves de mosaico
Layout de grade personalizável
Tratamento de interação responsiva
Leve e performático
Suporte multiplataforma
Integração fácil com o Flutter

Indicado para

Designers de UI em busca de charme visual
Desenvolvedores construindo layouts interativos
Projetos que exigem elementos de grade animados
Prototipagem de interfaces interativas
Aplicativos com navegação baseada em toque

Considerações

Pode afetar o desempenho em grandes grades
pré-ajustes de animação internos limitados
Requer manipulação manual de estado complexo
Mais adequado para contagens moderadas de azulejos
Não otimizado para atualizações de alta frequência

README original

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

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

Buscar pacotes, repositórios e categorias de apps

Instalar pacote