搜尋套件、儲存庫與 APP 分類

套件詳情v0.1.0

slider_side_menu

滑動側邊菜單隱藏在螢幕一側,僅當使用者點擊控制按鈕時才開啟。

AndroidiOSLinuxmacOSWebWindows
近 30 天下載
252
喜歡數
20
Pub 分數
150

安裝套件

flutter pub add slider_side_menu

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

一個 Flutter 套件,提供一個隱藏於螢幕外的側邊選單抽屜,點擊按鈕時會滑入顯示。專為簡潔、極簡介面設計,能在不佔用主畫面空間的情況下提升導航體驗。選單支援流暢動畫,並可在 Android、iOS、Web 與桌面等主要平台運作。適合需要緊湊且觸控友善導航解決方案的應用程式。

適用情境

  • 行動應用程式導航
  • Web 儀表板佈局
  • 桌面應用程式選單
  • 極簡用戶介面設計
  • 手勢觸發的抽屜

主要特色

  • 滑入動畫
  • 控制器按鈕觸發
  • 跨平台支援
  • 可自訂位置
  • 輕量級實作
  • 響應式設計

適合對象

  • 尋求簡單側邊菜單的開發者
  • 空間受限的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

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。