folding_menu

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

Folding Menu는 시각적으로 매력적이고 Flutter 애플리케이션에 쉽게 통합할 수 있는 네비게이션 메뉴입니다. 사용자 상호작용을 향상시키는 세련된 애니메이션 접기 효과를 제공하면서도 구현의 단순성을 유지합니다. 현대적인 UI를 위해 설계되었으며, Android, iOS, Web, macOS, Windows, Linux 등 다양한 플랫폼을 지원합니다. 부드러운 전환과 사용자 정의 가능한 스타일링을 제공하여 동적이고 우아한 탐색이 필요한 앱에 이상적입니다. pub add를 통해 최소한의 설정만으로 개발자는 반응형이고 매력적인 메뉴 경험을 빠르게 구현할 수 있습니다.

사용 사례

모바일 앱 탐색
웹 대시보드 인터페이스
데스크톱 애플리케이션 메뉴
인터랙티브 UI 프로토타입
사용자 지정 가능한 측면 패널

주요 기능

애니메이션 접기 전환
크로스 플랫폼 호환성
pub add와의 간단한 통합
사용자 정의 가능한 외관
반응형 디자인 지원

적합한 대상

현대적인 탐색을 찾는 개발자
UI 중심의 플러터 프로젝트
애니메이션 드로어 효과가 필요한 앱
빠른 프로토타이핑
다중 플랫폼 애플리케이션

고려 사항

복잡한 레이아웃을 위해 추가 스타일링이 필요할 수 있습니다
저사양 기기에서의 성능 영향
기본 애니메이션 외의 사용자 정의 기능이 제한적
중간 수준의 탐색 깊이를 가진 앱에 가장 적합
매우 복잡한 중첩 메뉴에는 권장되지 않습니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Folding Menu

This is an easy to use package for adding Folding Menu to your Flutter Applications

Demo

Usage

To Use, simply add Folding Menu to your Stack Widget(as the Last Element for most Cases):

      body: Stack(
        children: [
          Container(
            color: Colors.deepOrange,
            child: Center(child: Text("Other Screen Content",style: TextStyle(color: Colors.white,fontSize: 20),)),),
          // Add FoldingMenu as the Last Child to Stack
          FoldingMenu(duration: Duration(milliseconds: 900), shadowColor: Colors.black26, animationCurve: Curves.decelerate, folded: openMenu, children: [
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 1",
                        )));
              },
              title: Text("Home Dance"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 2",
                        )));
              },
              title: Text("Home Dance 2"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 3",
                        )));
              },
              title: Text("Home Dance 3"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 4",
                        )));
              },
              title: Text("Home Dance 4"),
              tileColor: Colors.white,
            ),
          ]),
        ],
      ),

Roadmap

Plans to add more customizations.

License

MIT

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

패키지 설치