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

패키지 상세v0.0.4

drawer_swipe

다중 레이어 드로어를 표시하기 위한 드로어 스와이프 패키지

30일 다운로드
48
좋아요
76
Pub 점수
40

패키지 설치

flutter pub add drawer_swipe

패키지 개요

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

drawer_swipe 패키지는 Flutter 애플리케이션에서 다층 드로어를 생성할 수 있게 해주며, 레이어 간 이동을 위한 스와이프 기반 인터랙션을 제공합니다. 직관적인 사용자 경험을 위해 설계되었으며, 부드러운 전환과 사용자 정의 가능한 레이아웃을 지원합니다. 계층적 탐색이나 층별 콘텐츠 표시가 필요한 앱에 적합하며, 제스처 기반 접근을 통해 사용성을 향상시킵니다. 이 패키지는 가볍고 기존의 Flutter 프로젝트에 쉽게 통합됩니다.

사용 사례

  • 다중 레이어 탐색 인터페이스
  • 제스처 기반의 서랍 상호작용
  • 복잡한 앱 탐색 구조
  • 사용자 정의 가능한 슬라이딩 패널
  • 스와이프를 통한 사용자 경험 향상
  • 계층적 뷰를 통한 콘텐츠 구성

주요 기능

  • 다중 서랍 레이어를 지원합니다
  • 스와이프 열기 제스처 지원
  • 사용자 정의 가능한 애니메이션 및 스타일링
  • 경량이며 쉽게 통합 가능
  • 유연한 레이어 관리
  • 반응형 디자인 호환성

적합한 대상

  • 복잡한 탐색 시스템을 개발하는 개발자
  • 계층형 UI 컴포넌트가 필요한 앱
  • 제스처 기반 탐색에 중점을 둔 프로젝트
  • Flutter 초보자가 드로어 패턴 탐색 중
  • 디자이너는 상호작용 사용자 흐름에 집중하고 있습니다
  • 모바일 우선 애플리케이션 개발

고려 사항

  • 제한된 플랫폼 고유의 사용자 정의
  • RTL 레이아웃에 내장된 지원 없음
  • 레이어 상태를 수동으로 처리해야 합니다
  • 일관성을 위해 추가 스타일링이 필요할 수 있습니다
  • 매우 많은 수의 레이어에 최적화되지 않음
  • 고급 기능을 위해 외부 종속성에 의존합니다

원본 README

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

DrawerSwipe

Say Thanks!

A Swipe Drawer Library for Easy and Quick Usage.

The source code is 100% Dart, and everything resides in the /lib folder.

Show some :heart: and star the repo to support the project

Open Source Love License

GIF
GIF

💻 Installation

In the dependencies: section of your pubspec.yaml, add the following line:

drawer_swipe: <latest_version>

❔ Usage

Import this class
import 'package:drawer_swipe/drawer_swipe.dart';
Use SwipeDrawer
  @override
  Widget build(BuildContext context) {
  return Scaffold(  
    // add this line so you can add your appBar in Body  
    extendBodyBehindAppBar: true,  
    body: SwipeDrawer(  
      radius: 20,  
    key: drawerKey,  
    bodyBackgroundPeekSize: 30,  
    backgroundColor: Colors.red,  
    // pass drawer widget  
    drawer: buildDrawer(),  
    // pass body widget  
    child: buildBody(),  
    ),  
  );
  }

🎨 Customization and Attributes

SwipeDrawer attributes
Attribute Name Example Value Description
child BodyWidget() Screen Body Widget
drawer DrawerWidget() Drawer Body Widget
radius 20.0 body radius value the default value is 0.0
bodyBackgroundPeekSize 30.0 the distance between the main body and the faded one the default value is 50.0
backgroundColor Colors.red background color the default value is Colors.black
bodySize 70.0 body width when opening the drawer the default value is 80.0
curve Curves.easeOut animation curve default value is Curves.easeIn

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Ahmed Eslayed

💻

📃 License

Copyright (c) 2012 Pharous

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Getting Started

For help getting started with Flutter, view our online documentation.

For help on editing package code, view the documentation.

카테고리

소스 저장소

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

아직 데이터가 없습니다.