搜索插件、代码仓与 APP 分类

插件详情v1.0.3

flutter_slide_drawer

它将帮助您轻松实现带有动画的 slide_drawer_scaffold :)

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
437
喜欢数
27
Pub 分数
140

安装插件

flutter pub add flutter_slide_drawer

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

Flutter Slide Drawer 是一个简化滑出抽屉创建的包,支持流畅的动画效果。它通过提供易于使用的模板,增强了用户体验,使开发者能够跨多个平台轻松实现基于抽屉的导航。该包内置了动画支持,开发者可以快速将响应式且视觉上吸引人的侧边面板集成到应用中。此包专为 Android、iOS、Web、macOS、Windows 和 Linux 平台设计,适用于需要直观导航模式的跨平台项目。

适合场景

  • 创建动画侧边导航菜单
  • 构建响应式应用布局
  • 实现可滑动的抽屉式界面
  • 设计以移动设备为先的导航体验
  • 在网页应用中添加交互式侧边面板
  • 通过流畅的过渡增强用户参与度

主要特点

  • 内置动画支持
  • 跨平台兼容性
  • 简单 API 集成
  • 响应式设计就绪
  • 可自定义的抽屉行为
  • 与 Flutter 的 Scaffold 兼容

适合对象

  • 移动应用开发者
  • Web 应用程序创建者
  • 跨平台项目团队
  • 寻求动画工具的UI/UX设计师
  • 开发者专注于导航用户体验
  • 初学者学习Flutter导航

使用建议

  • 可能需要额外的样式才能实现复杂的设计
  • 高级动画的自定义选项有限
  • 依赖于 Flutter 的动画框架
  • 不适合非滑动抽屉样式
  • 最适合标准抽屉使用场景
  • 需要理解 Flutter 的布局系统

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

flutter_slide_drawer

A Flutter package, It would help you make has slide effect drawer easy.

Getting Started

To start using this package, add flutter_slide_drawer dependency to your pubspec.yaml

dependencies:
    flutter_slide_drawer: '<latest_release>'

Documentation

SliderDrawerWidget
    SliderDrawerWidget(
        key: drawerKey,
        option: SliderDrawerOption(),
        drawer: CustomDrawer(),
        body: Scaffold(
          appBar: AppBar(),
          body: Container(),
        )
    )
Parameters Value Required Docs
key GlobalKey<SliderDrawerWidgetState> YES Required to open drawer.
drawer Widget YES Custom Widget to use drawer
body Widget YES Body Widget
option SliderDrawerOption No You can set several options.

SliderDrawerOption
    SliderDrawerOption(
      backgroundImage: Image.asset("assets/sample_background.jpg"),
      backgroundColor: Colors.black,
      sliderEffectType: SliderEffectType.Rounded,
      upDownScaleAmount: 50,
      radiusAmount: 50,
      direction: SliderDrawerDirection.LTR,
    )
Parameters Value Required Docs
backgroundImage Image Widget No be covered Background Image in Drawer
backgroundColor Color No background Color in Drawer (default Color is blue)
sliderEffectType SliderEffectType No Slide push Effect Type ( Rounded , Rectangle)
upDownScaleAmount double No If you use SliderEffectType.Runded then you can use this parameters. It make margin Vertical in Scaffold
radiusAmount double No If you use SliderEffectType.Runded then you can use this parameters. It make as amount as radius in Scaffold
direction SliderDrawerDirection No Drawer direction option, default is SliderDrawerDirection.LTR

Screens

Using Background Image And Rounded Type

Example App Demo2

Default FlutterSliderWidget

Example app Demo

所属分类

源码仓库

使用此插件的项目

暂无相关数据。