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

搜尋套件、儲存庫與 APP 分類

安裝套件