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

安裝套件