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 分类

安装插件