搜索插件、代码仓与 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

所属分类

源码仓库

使用此插件的项目

暂无相关数据。