shrink_sidemenu

パッケージ概要

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

ShrinkSideMenu は、Liquid UI とシームレスに連携するように設計された、独自の収縮アニメーションを備えたカスタマイズ可能なサイドメニューを提供する Flutter プラグインです。サイドメニューをコンパクトなアイコンに収縮させることで、モバイル、ウェブ、デスクトップなどさまざまなプラットフォームでの画面スペースの効率的な活用を可能にし、ナビゲーションを強化します。スムーズなトランジションをサポートしており、既存の Flutter プロジェクトへの統合も容易です。軽量な設計と現代的な UI パターンとの互換性により、直感的なナビゲーションを必要とするアプリに最適です。ソースコードはオープンソースであり、カスタマイズのために公開されています。

用途

モバイルアプリにおけるレスポンシブナビゲーション
ウェブ上のコンパクトなサイドバーのレイアウト
デスクトップアプリケーションのナビゲーション
Liquid UI コンポーネントとの統合
ミニマリスティックなUIデザイン

主な機能

縮小アニメーション効果
Liquid UI互換性
クロスプラットフォーム対応
カスタマイズ可能なメニュー項目
スムーズなトランジションアニメーション

適している対象

Liquid UI を使用する開発者
スペース効率の良いナビゲーションを必要とするアプリ
マルチプラットフォームのFlutterプロジェクト
UI中心のアプリケーション設計
カスタムドロワーの実装

注意事項

Flutter のレイアウトシステムに精通している必要があります
複雑なテーマには追加のスタイリングが必要になる場合があります
基本的な使用法を超えるドキュメントは限られている
非常に大きなメニュー項目リストには最適化されていません
完全な機能を実現するには、外部のUIライブラリに依存しています

元の README

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

Liquid Shrink Side Menu

A Side Menu plugin for flutter and compatible with liquid ui

Side Menu Types

There are 8 configuration of Liquid shrink side menu

1. SlideNRotate

2. SlideNRotate Inverse

3. ShrinkNRotate

4. ShrinkNRotate Inverse

5. Slide

6. Slide Inverse

7. ShrinkNSlide

8. ShrinkNSlide Inverse

Getting Started

Step 1: Add shrink_sidemenu to pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  liquid_ui: // for extra features

  shrink_sidemenu: // Liquid Shrink Sidemenu is not dependent on liquid

Step 2: Wrap Scaffold with SideMenu


final GlobalKey<SideMenuState> _sideMenuKey = GlobalKey<SideMenuState>();

SideMenu(
    key: _sideMenuKey,
    menu: buildMenu(),
    type: SideMenuType.slideNRotate, // check above images
    child: Scaffold(
        appBar: AppBar(
            leading: IconButton(
              icon: Icon(Icons.menu),
              onPressed: () {
                final _state = _sideMenuKey.currentState;
                if (_state.isOpened)
                  _state.closeSideMenu(); // close side menu
                else
                  _state.openSideMenu();// open side menu
              },
            ),
        ...
    ),
);

About liquid ui for flutter

Liquid is an open source UI toolkit for developing cross platform apps in Flutter. Quickly create apps for Android, IOS, Web or Desktop with our powerful grid system, text processor, forms, extensive prebuilt components and dozens of utilities. Visit: Liquid For Flutter

Author

Raj Singh

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

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