dancing_tiles

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Dancing Tiles は、アニメーション付きタイルを使用したインタラクティブなグリッドレイアウトを作成できる軽量なFlutterパッケージです。グリッド内の各タイルはユーザーの操作にスムーズなアニメーションで反応でき、ダッシュボード、ギャラリー、ゲームボードなどの動的なインターフェースに最適です。このパッケージはシンプルさとパフォーマンスを重視しており、Android、iOS、Web、macOS、Windows、Linuxを含むすべての主要プラットフォームをサポートしています。最小限のセットアップで、タイルの挙動、アニメーションの種類、レイアウト構造をカスタマイズできます。

用途

インタラクティブダッシュボード
アニメーション画像ギャラリー
ゲームボードインターフェース
動的データグリッド
ユーザーがトリガーするアニメーション

主な機能

スムーズなタイルアニメーション
カスタマイズ可能なグリッドレイアウト
応答性のあるインタラクション処理
軽量でパフォーマンスに優れる
クロスプラットフォーム対応
Flutter との簡単な統合

適している対象

視覚的な魅力を求めているUIデザイナー
インタラクティブなレイアウトを構築する開発者
アニメーション付きグリッド要素を必要とするプロジェクト
インタラクティブなインターフェースのプロトタイピング
タッチベースのナビゲーションを持つアプリ

注意事項

大きなグリッドではパフォーマンスに影響する可能性があります
制限された組み込みアニメーションプリセット
複雑な状態を手動で処理する必要がある
中程度のタイル数に最適
高頻度の更新には最適化されていません

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

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

パッケージ、リポジトリ、アプリカテゴリを検索

パッケージをインストール