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 分类

安装插件