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

flutter_advanced_drawer 표지
패키지 상세v1.5.0

flutter_advanced_drawer

크기, 텍스트, 색상, 모서리 반지름으로 완전히 사용자 정의할 수 있는 고급 드로어 위젯입니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
9.7천
좋아요
439
Pub 점수
160

패키지 설치

flutter pub add flutter_advanced_drawer

패키지 개요

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

크기, 텍스트, 색상 및 모서리 반지름에 대한 완전한 제어를 지원하는 Flutter용 고도로 사용자 정의 가능한 드로어 위젯입니다. 현대적인 UI를 위해 설계되었으며, 모든 주요 플랫폼에서 부드러운 애니메이션과 유연한 스타일링 옵션을 통해 탐색을 강화합니다. 최소한의 설정으로 세련되고 반응성이 뛰어난 드로어 경험을 필요로 하는 앱에 이상적입니다. 패키지는 지속적으로 유지 보수되며 기존의 Flutter 프로젝트에 원활하게 통합됩니다.

사용 사례

  • 사용자 정의 가능한 사이드 네비게이션 메뉴
  • 개선된 사용자 온보딩 흐름
  • 반응형 앱 레이아웃
  • 인터랙티브 대시보드 인터페이스
  • 현대적인 모바일 및 웹 애플리케이션

주요 기능

  • 완전히 사용자 정의 가능한 크기와 모양
  • 사용자 정의 텍스트 및 아이콘 지원
  • 사용자 정의 가능한 모서리 반경
  • 플랫폼 독립적 설계
  • 부드러운 애니메이션 전환
  • 확장 가능한 스타일 옵션

적합한 대상

  • 복잡한 내비게이션 시스템을 구축하는 개발자
  • 디자인 중심의 플러터 앱
  • 크로스 플랫폼 애플리케이션
  • UI 중심 대시보드
  • 독특한 서랍 미적 요소가 필요한 앱

고려 사항

  • 수동으로 열기/닫기 상태를 처리해야 합니다
  • 제한된 내장 접근성 기능
  • 복잡한 라우팅을 위해 추가 로직이 필요할 수 있습니다
  • 기본 서랍과 간단한 사용 사례에 적합하지 않음
  • 드로어 내부에 많은 콘텐츠가 있을 때의 성능 영향

원본 README

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

flutter_advanced_drawer

An advanced drawer widget, that can be fully customized with size, text, color, radius of corners.

Advanced Drawer States

Drawer Open State Drawer Closed State
Advanced Drawer Open State Advanced Drawer Closed State

AdvancedDrawer Parameters

Parameter Description Type Default
child Screen widget Widget required
drawer Drawer widget Widget required
controller Widget controller AdvancedDrawerController
backdropColor Backdrop color Color
backdrop Backdrop widget for custom background Widget
openRatio Opening ratio double 0.75
openScale Opening child scale factor double 0.85
animationDuration Animation duration Duration 300ms
animationCurve Animation curve Curve Curves.easeInOut
childDecoration Child container decoration BoxDecoration Shadow, BorderRadius
animateChildDecoration Indicates that [childDecoration] might be animated or not. bool true
rtlOpening Opening from Right-to-left. bool false
disabledGestures Disable gestures. bool false
initialDrawerScale How large the drawer segment should scale from. double 0.75
drawerSlideRatio How far the drawer segment should slide with the content. double 0
drawerCloseSemanticLabel Semantic label for the close drawer button. String 'Close drawer'

Preview

Preview Tap Preview Gesture
Advanced Drawer Tap Animation Advanced Drawer Gestures

카테고리

소스 저장소

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