folding_menu

パッケージ概要

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

Folding Menu は、Flutter アプリケーション向けに視覚的に魅力的で、簡単に統合できるナビゲーションメニューです。ユーザーのインタラクションを向上させる洗練されたアニメーション効果の折りたたみ機能を提供し、実装のシンプルさを維持しています。モダンなUIを想定して設計されており、Android、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームをサポートしています。スムーズなトランジションとカスタマイズ可能なスタイルを提供しており、ダイナミックでありながら洗練されたナビゲーションが必要なアプリに最適です。pub add を使用した最小限の設定で、開発者は迅速に応答性があり魅力的なメニュー体験を実装できます。

用途

モバイルアプリのナビゲーション
Webダッシュボードインターフェース
デスクトップアプリケーションメニュー
インタラクティブなUIプロトタイプ
カスタマイズ可能なサイドパネル

主な機能

アニメーション折りたたみ遷移
クロスプラットフォーム互換性
pub add との簡単な統合
カスタマイズ可能な外観
レスポンシブデザインのサポート

適している対象

現代のナビゲーションを求める開発者
UI中心のFlutterプロジェクト
アニメーション付きドロワー効果を必要とするアプリ
迅速なプロトタイピング
マルチプラットフォームアプリケーション

注意事項

複雑なレイアウトには追加のスタイル設定が必要になる場合があります
低価格端末へのパフォーマンスへの影響
基本的なアニメーションを超えるカスタマイズは限定的です
中程度のナビゲーション深さを持つアプリに最適
非常に複雑なネストされたメニューには推奨されません

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Folding Menu

This is an easy to use package for adding Folding Menu to your Flutter Applications

Demo

Usage

To Use, simply add Folding Menu to your Stack Widget(as the Last Element for most Cases):

      body: Stack(
        children: [
          Container(
            color: Colors.deepOrange,
            child: Center(child: Text("Other Screen Content",style: TextStyle(color: Colors.white,fontSize: 20),)),),
          // Add FoldingMenu as the Last Child to Stack
          FoldingMenu(duration: Duration(milliseconds: 900), shadowColor: Colors.black26, animationCurve: Curves.decelerate, folded: openMenu, children: [
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 1",
                        )));
              },
              title: Text("Home Dance"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 2",
                        )));
              },
              title: Text("Home Dance 2"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 3",
                        )));
              },
              title: Text("Home Dance 3"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 4",
                        )));
              },
              title: Text("Home Dance 4"),
              tileColor: Colors.white,
            ),
          ]),
        ],
      ),

Roadmap

Plans to add more customizations.

License

MIT

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

パッケージをインストール