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

fancy_drawer 封面
插件详情v2.0.0

fancy_drawer

一个华丽、动画丰富且可自定义的抽屉,适用于您的 Flutter 应用

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
50
喜欢数
52
Pub 分数
150

安装插件

flutter pub add fancy_drawer

插件介绍

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

Fancy Drawer 是一个视觉上吸引人、具有动画效果且高度可定制的抽屉小部件,适用于 Flutter 应用程序。它通过流畅的过渡和现代设计元素增强了导航体验,非常适合注重用户体验和美学的应用。该组件在性能方面进行了优化,支持所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux。开发者可以轻松地调整其外观和行为,以匹配应用的主题和功能。该包轻量级,并能无缝集成到现有的 Flutter 项目中。

适合场景

  • 通过动画抽屉增强应用导航
  • 使用自定义抽屉设计创建现代用户界面
  • 通过交互式过渡提升用户参与度
  • 在多个平台上构建响应式布局
  • 添加带有视觉效果的可滑动侧边菜单
  • 自定义抽屉外观以保持品牌一致性

主要特点

  • 流畅的动画和过渡效果
  • 高度可定制的外观和行为
  • 支持所有 Flutter 平台
  • 与现有 Flutter 项目轻松集成
  • 滑动手势支持
  • 可扩展的设计,带有主题选项

适合对象

  • 寻求现代抽屉式UI的开发者
  • 需要动画导航组件的应用
  • 注重设计的 Flutter 项目
  • 跨平台移动和桌面应用
  • 希望拥有可重复使用、可自定义的小部件的团队

使用建议

  • 可能需要为复杂主题添加额外的样式
  • 在低端设备上使用大量动画时的性能影响
  • 除了基本用法外,文档有限
  • 不适用于简单的静态抽屉
  • 需要理解 Flutter 的动画系统
  • 如果未妥善管理,与其他导航小部件可能存在冲突

原始 README

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

Fancy drawer

Fancy drawer

A beautiful drawer experience for your flutter app .

Usage

import 'package:fancy_drawer/fancy_drawer.dart';

...

FancyDrawerController _controller;

@override
void initState() {
  super.initState();
  _controller = FancyDrawerController(
      vsync: this, duration: Duration(milliseconds: 250))
    ..addListener(() {
      setState(() {}); // Must call setState
    }); // This chunk of code is important
}

@override
void dispose() {
  _controller.dispose(); // Dispose controller
  super.dispose();
}
...
FancyDrawerWrapper(
	backgroundColor: Colors.white, // Drawer background
	controller: _controller, // Drawer controller
	drawerItems: <Widget>[], // Drawer items
	child: Scaffold(), // Your app content
);

Parameters

required

drawerItems Drawer items are widgets needed to render
child child is the main app content
controller is needed to init and maintain the animation

optional

backgroundColor Set to white background
itemGap set to 10.0
hideOnContentTap controls if drawer will hide on content tap or not , set to true
cornerRadius set to 8.0

TODO

  • [x] Null safety
  • [ ] 3D perspective

所属分类

源码仓库

使用此插件的项目

暂无相关数据。