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

패키지, 저장소 및 앱 카테고리 검색

패키지 설치