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

패키지 상세v0.1.0

slider_side_menu

스크롤 가능한 사이드 메뉴는 화면 측면에 숨겨져 있으며 사용자가 컨트롤 버튼을 탭할 때만 열립니다.

AndroidiOSLinuxmacOSWebWindows
30일 다운로드
252
좋아요
20
Pub 점수
150

패키지 설치

flutter pub add slider_side_menu

패키지 개요

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

화면 외부에 숨겨진 사이드 메뉴 드로어를 제공하는 플러터 패키지로, 버튼 탭 시 슬라이드 인됩니다. 깔끔하고 최소한의 인터페이스를 위한 설계로, 주 화면을 혼잡하게 하지 않으면서 탐색을 향상시킵니다. 부드러운 애니메이션을 지원하며, Android, iOS, 웹 및 데스크톱을 포함한 모든 주요 플랫폼에서 작동합니다. 컴팩트하고 제스처 친화적인 탐색 솔루션이 필요한 앱에 적합합니다.

사용 사례

  • 모바일 앱 탐색
  • 웹 대시보드 레이아웃
  • 데스크톱 애플리케이션 메뉴
  • 미니멀리스트 UI 디자인
  • 제스처로 트리거되는 서랍

주요 기능

  • 슬라이드 인 애니메이션
  • 컨트롤러 버튼 트리거
  • 크로스 플랫폼 지원
  • 사용자 정의 가능한 위치
  • 경량 구현
  • 반응형 디자인

적합한 대상

  • 간단한 사이드 메뉴를 찾는 개발자
  • 공간 제약이 있는 UI를 가진 앱
  • 플랫폼에 관계없이 탐색이 필요한 프로젝트
  • 깔끔한 인터페이스에 집중하는 디자이너
  • 빠른 탐색 흐름 프로토타이핑

고려 사항

  • 기본 스타일링을 넘어서는 사용자 정의가 제한적
  • 내장된 스와이프 제스처 없음
  • 열기/닫기 상태를 수동으로 처리해야 합니다
  • 복잡한 중첩 탐색에 적합하지 않음
  • 단일 레벨 메뉴에 가장 적합

원본 README

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

slider_side_menu

Slider Side Menu that is hidden to the side of the screen, and only open when user taps on the controller button.

Demo

Sample Demo

How to use

In your pubspec.yaml, include the package dependencies into your pubspec.yaml

In your code, add import

import 'package:slider_side_menu/slider_side_menu.dart';

Then add the widget to your screen

            SliderSideMenu(childrenData: [
              MenuItem(
                  icon: Icon(Icons.thumb_up),
                  label: Text("Thumb up"),
                  onPressed: _thumbUp
              ),
              MenuItem(
                  icon: Icon(Icons.thumb_down),
                  label: Text("Thumb down"),
                  onPressed: _thumbDown
              )
            ], description: "Sample tooltip message")

Sample code: https://github.com/suesitran/slider_side_menu/blob/master/example/lib/main.dart

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.