搜尋套件、儲存庫與 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

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。