folding_menu

套件介紹

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

Folding Menu 是一個視覺吸引力強且易於整合的 Flutter 應用程式導航選單。它提供了一種流暢、動畫化的摺疊效果，增強了使用者互動體驗，同時保持實現的簡潔性。專為現代 UI 設計，支援 Android、iOS、Web、macOS、Windows 和 Linux 多個平台。該套件提供了平滑的過渡效果和可自訂的樣式，非常適合需要動態而優雅導航的應用程式。透過 pub add 進行最少設定，開發者可快速實作響應式且引人入勝的選單體驗。

適用情境

移動應用導航
Web儀表板介面
桌面應用程式選單
互動式UI原型
可自定的側板

主要特色

動畫折疊過渡
跨平台相容性
與 pub add 的簡單整合
可自定外觀
響應式設計支援

適合對象

尋求現代導航的開發者
以使用者介面為重點的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

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

安裝套件