GitHub 儲存庫isaaskin/dancing_tiles_flutter

dancing_tiles_flutter

isaaskin/dancing_tiles_flutter open-source repository details.

在 GitHub 查看 ↗

星標: 0
分支: 0
最近推送（UTC）: 2023年1月12日
專案狀態: 未封存

原始 README

以下為英文專案原文快照，最新內容請造訪 GitHub。

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))
      ]),
    );
  }
}