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

パッケージ詳細v0.1.0

slider_side_menu

スライダー式サイドメニューは画面の側面に隠れており、ユーザーがコントロールボタンをタップしたときにのみ開きます。

AndroidiOSLinuxmacOSWebWindows
30日間ダウンロード
252
いいね数
20
Pub ポイント
150

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

flutter pub add slider_side_menu

パッケージ概要

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

画面外に隠されたサイドメニューのドロワーを提供するFlutterパッケージで、ボタンタップによってスライドインします。洗練されたミニマルなインターフェースを想定しており、メイン画面を雑然とさせることなくナビゲーションを強化します。スムーズなアニメーションをサポートし、Android、iOS、Web、デスクトップなどすべての主要プラットフォームで動作します。コンパクトでジェスチャー対応のナビゲーションソリューションが必要なアプリに最適です。

用途

  • モバイルアプリのナビゲーション
  • Webダッシュボードレイアウト
  • デスクトップアプリケーションのメニュー
  • ミニマリスティックなUIデザイン
  • ジェスチャーでトリガーされるドロワー

主な機能

  • スライドインアニメーション
  • コントローラー ボタン トリガー
  • クロスプラットフォーム対応
  • カスタマイズ可能な位置
  • 軽量実装
  • レスポンシブデザイン

適している対象

  • シンプルなサイドメニューを探している開発者
  • スペース制約のあるUIを持つアプリ
  • プラットフォームに依存しないナビゲーションを必要とするプロジェクト
  • 洗練されたインターフェースに注力するデザイナー
  • 迅速なナビゲーションフローのプロトタイピング

注意事項

  • 基本的なスタイリングを超えるカスタマイズは限られている
  • 組み込みのスワイプジェスチャーなし
  • 開閉状態の手動処理が必要です
  • 複雑なネストされたナビゲーションには適していない
  • 単一レベルのメニューに最適

元の README

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

slider_side_menu

Slider Side Menu that is hidden to the side of the screen, and only open when user taps on the controller button.

Demo

Sample Demo

How to use

In your pubspec.yaml, include the package dependencies into your pubspec.yaml

In your code, add import

import 'package:slider_side_menu/slider_side_menu.dart';

Then add the widget to your screen

            SliderSideMenu(childrenData: [
              MenuItem(
                  icon: Icon(Icons.thumb_up),
                  label: Text("Thumb up"),
                  onPressed: _thumbUp
              ),
              MenuItem(
                  icon: Icon(Icons.thumb_down),
                  label: Text("Thumb down"),
                  onPressed: _thumbDown
              )
            ], description: "Sample tooltip message")

Sample code: https://github.com/suesitran/slider_side_menu/blob/master/example/lib/main.dart

カテゴリー

ソースリポジトリ

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

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