tridimensional_drawer

插件介绍

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

Tridimensional Drawer 是一个 Flutter 包，可让开发者轻松创建视觉上引人入胜的 3D 视角抽屉。它允许在抽屉中集成任何小部件，提供设计和功能上的灵活性。该包通过平滑的 3D 变换增强导航体验，增加深度和互动性。非常适合现代应用程序界面，支持自定义内容布局和响应式行为。以简洁性为核心构建，设置简单，并能无缝集成到现有的 Flutter 项目中。

适合场景

创建沉浸式导航抽屉
为应用界面增加视觉深度
使用任何小部件自定义抽屉内容
通过3D效果提升用户参与度
构建现代移动应用布局

主要特点

3D透视变换
支持抽屉内的任何小部件
与 Flutter 的简单集成
流畅的动画过渡
可自定义抽屉外观

适合对象

寻求交互式导航的开发者
注重设计的Flutter应用
需要独特用户界面元素的应用程序
移动应用开发者希望获得视觉冲击力
强调用户体验的项目

使用建议

平台规格有限
可能需要在低端设备上进行性能优化
最适合移动应用程序
不适合复杂的多层导航
取决于设备的渲染能力

原始 README

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

Tridimensional Drawer

Tridimensional Drawer is an easy way to create a 3D Perspective drawer, where you can insert any type of widget.

Version 0.1.0 Note

The version 0.1.0 solves the exception caused by the SingleTickerProviderStateMixin.

Demo

Installing

Add the package to your pubspec.yml file

dependencies:
    tridimensional_drawer: ^0.1.1

Example

Full example available in the example folder.

import 'package:flutter/material.dart';
import 'package:tridimensional_drawer/tridimensional_drawer.dart';

class Example extends StatefulWidget {
  @override
  _ExampleState createState() => _ExampleState();
}

class _ExampleState extends State<Example> {
  final TridimensionalDrawerController controller =
      TridimensionalDrawerController();

  @override
  Widget build(BuildContext context) {
    return TridimensionalDrawer(
      controller: controller,
      mainPage: GestureDetector(
        onTap: () => controller.open(),
        child: MainPage(),
      ),
      drawer: CustomDrawer(),
      backgroundPage: GestureDetector(
        onTap: () => controller.close(),
        child: Container(
          color: Colors.white,
        ),
      ),
    );
  }
}

Hint

If you use a widget containing a Scaffold as the mainPage, try to wrap the body of it inside a SingleChildScrollView, otherwise the rendering of the mainPage could go wrong at the end of the drawer opening animation.

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

安装插件