flutter_slide_drawer

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Flutter Slide Drawer は、滑り出しドロワーの作成を簡単にするパッケージで、スムーズなアニメーションをサポートしています。ユーザー体験を向上させるために、複数のプラットフォームでドロワーベースのナビゲーションを簡単に実装できる使いやすいスケルトンを提供します。組み込みのアニメーションサポートにより、開発者はアプリに応答性があり視覚的に魅力的なサイドパネルを迅速に統合できます。このパッケージは、Android、iOS、Web、macOS、Windows、Linux でシームレスに動作するように設計されており、直感的なナビゲーションパターンを必要とするクロスプラットフォームプロジェクトに最適です。

用途

アニメーション付きサイドナビゲーションメニューの作成
応答性のあるアプリレイアウトの構築
スワイプ可能なドロワーインターフェースの実装
モバイルファーストのナビゲーション体験の設計
Webアプリにインタラクティブなサイドパネルを追加する
スムーズな遷移でユーザー参加度を向上させる

主な機能

組み込みアニメーションサポート
クロスプラットフォーム互換性
シンプルなAPI統合
レスポンシブデザイン対応
カスタマイズ可能なドロワー動作
Flutter の Scaffold と連携可能

適している対象

モバイルアプリ開発者
Webアプリケーション作成者
クロスプラットフォームプロジェクトチーム
アニメーションツールを探している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

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