パッケージ、リポジトリ、アプリカテゴリを検索

パッケージ詳細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.

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。