flutter_slide_drawer

패키지 개요

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

Flutter Slide Drawer는 부드러운 애니메이션을 지원하는 슬라이드 아웃 드로어를 쉽게 만들 수 있도록 도와주는 패키지입니다. 다양한 플랫폼에서 드로어 기반 네비게이션을 간편하게 구현할 수 있도록 사용자 친화적인 스케일폴드를 제공함으로써 사용자 경험을 향상시킵니다. 내장된 애니메이션 지원을 통해 개발자는 응답성 있고 시각적으로 매력적인 사이드 패널을 빠르게 앱에 통합할 수 있습니다. 이 패키지는 Android, iOS, Web, macOS, Windows, Linux에서 원활하게 작동하도록 설계되어 직관적인 네비게이션 패턴을 필요로 하는 크로스플랫폼 프로젝트에 이상적입니다.

사용 사례

애니메이션 사이드 탐색 메뉴 만들기
반응형 앱 레이아웃 만들기
스와이프 가능한 드로어 인터페이스 구현
모바일 우선 네비게이션 경험 설계
웹 앱에 상호작용 가능한 사이드 패널 추가하기
부드러운 전환을 통해 사용자 참여도 향상

주요 기능

내장 애니메이션 지원
크로스 플랫폼 호환성
간단한 API 통합
반응형 디자인 준비 완료
사용자 정의 가능한 서랍 동작
Flutter의 Scaffold와 호환됩니다

적합한 대상

모바일 앱 개발자
웹 애플리케이션 제작자
크로스 플랫폼 프로젝트 팀
애니메이션 도구를 찾는 UI/UX 디자이너
개발자들이 탐색 UX에 집중
Flutter 탐색을 배우는 초보자

고려 사항

복잡한 디자인을 위해 추가 스타일링이 필요할 수 있습니다
고급 애니메이션에 대한 사용자 지정 옵션이 제한되어 있음
Flutter의 애니메이션 프레임워크에 의존합니다
슬라이드가 아닌 서랍 패턴에는 적합하지 않음
표준 서랍 사용 사례에 가장 적합
Flutter의 레이아웃 시스템에 대한 이해가 필요합니다

원본 README

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

A Flutter package, It would help you make has slide effect drawer easy.

Getting Started

To start using this package, add flutter_slide_drawer dependency to your pubspec.yaml

dependencies:
    flutter_slide_drawer: '<latest_release>'

Documentation

SliderDrawerWidget

    SliderDrawerWidget(
        key: drawerKey,
        option: SliderDrawerOption(),
        drawer: CustomDrawer(),
        body: Scaffold(
          appBar: AppBar(),
          body: Container(),
        )
    )

Parameters	Value	Required	Docs
`key`	`GlobalKey<SliderDrawerWidgetState>`	YES	Required to open drawer.
`drawer`	`Widget`	YES	Custom Widget to use drawer
`body`	`Widget`	YES	Body Widget
`option`	`SliderDrawerOption`	No	You can set several options.

SliderDrawerOption

    SliderDrawerOption(
      backgroundImage: Image.asset("assets/sample_background.jpg"),
      backgroundColor: Colors.black,
      sliderEffectType: SliderEffectType.Rounded,
      upDownScaleAmount: 50,
      radiusAmount: 50,
      direction: SliderDrawerDirection.LTR,
    )

Parameters	Value	Required	Docs
`backgroundImage`	`Image Widget`	No	be covered Background Image in Drawer
`backgroundColor`	`Color`	No	background Color in Drawer (default Color is blue)
`sliderEffectType`	`SliderEffectType`	No	Slide push Effect Type ( Rounded , Rectangle)
`upDownScaleAmount`	`double`	No	If you use SliderEffectType.Runded then you can use this parameters. It make margin Vertical in Scaffold
`radiusAmount`	`double`	No	If you use SliderEffectType.Runded then you can use this parameters. It make as amount as radius in Scaffold
`direction`	`SliderDrawerDirection`	No	Drawer direction option, default is SliderDrawerDirection.LTR

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