shrink_sidemenu

패키지 개요

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

ShrinkSideMenu는 Liquid UI와 원활하게 작동하도록 설계된 사용자 정의 가능한 사이드 메뉴를 제공하는 Flutter 플러그인입니다. 고유한 수축 애니메이션을 통해 사이드 메뉴를 컴팩트한 아이콘으로 축소하여 모바일, 웹, 데스크톱 등 다양한 플랫폼에서 화면 공간을 효율적으로 활용할 수 있도록 도와줍니다. 부드러운 전환 효과를 지원하며 기존 Flutter 프로젝트에 쉽게 통합할 수 있습니다. 가벼운 디자인과 현대적인 UI 패턴과의 호환성 덕분에 직관적인 탐색이 필요한 앱에 이상적입니다. 소스 코드는 오픈소스이며 사용자 맞춤화를 위해 공개되어 있습니다.

사용 사례

모바일 앱에서의 반응형 탐색
웹에서 컴팩트한 사이드바 레이아웃
데스크톱 앱 탐색
Liquid UI 구성 요소와의 통합
미니멀리스트 UI 디자인

주요 기능

축소 애니메이션 효과
Liquid UI 호환성
크로스 플랫폼 지원
사용자 정의 메뉴 항목
부드러운 전환 애니메이션

적합한 대상

Liquid UI를 사용하는 개발자
공간 효율적인 탐색이 필요한 앱
다중 플랫폼 플러터 프로젝트
사용자 인터페이스 중심의 애플리케이션 설계
사용자 지정 서랍 구현

고려 사항

Flutter 레이아웃 시스템에 익숙해야 합니다
복잡한 테마를 위해 추가 스타일링이 필요할 수 있습니다
기본 사용법을 넘어서는 문서가 제한적
매우 큰 메뉴 항목 목록에 최적화되지 않음
완전한 기능을 위해 외부 UI 라이브러리에 의존합니다

원본 README

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

Liquid Shrink Side Menu

A Side Menu plugin for flutter and compatible with liquid ui

Side Menu Types

There are 8 configuration of Liquid shrink side menu

1. SlideNRotate

2. SlideNRotate Inverse

3. ShrinkNRotate

4. ShrinkNRotate Inverse

5. Slide

6. Slide Inverse

7. ShrinkNSlide

8. ShrinkNSlide Inverse

Getting Started

Step 1: Add shrink_sidemenu to pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  liquid_ui: // for extra features

  shrink_sidemenu: // Liquid Shrink Sidemenu is not dependent on liquid

Step 2: Wrap Scaffold with SideMenu


final GlobalKey<SideMenuState> _sideMenuKey = GlobalKey<SideMenuState>();

SideMenu(
    key: _sideMenuKey,
    menu: buildMenu(),
    type: SideMenuType.slideNRotate, // check above images
    child: Scaffold(
        appBar: AppBar(
            leading: IconButton(
              icon: Icon(Icons.menu),
              onPressed: () {
                final _state = _sideMenuKey.currentState;
                if (_state.isOpened)
                  _state.closeSideMenu(); // close side menu
                else
                  _state.openSideMenu();// open side menu
              },
            ),
        ...
    ),
);

About liquid ui for flutter

Liquid is an open source UI toolkit for developing cross platform apps in Flutter. Quickly create apps for Android, IOS, Web or Desktop with our powerful grid system, text processor, forms, extensive prebuilt components and dozens of utilities. Visit: Liquid For Flutter

Author

Raj Singh

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

패키지 설치