パッケージ、リポジトリ、アプリカテゴリを検索

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 プロジェクトへの統合もスムーズです。

用途

  • アニメーション付きドロワーでアプリのナビゲーションを強化
  • カスタムドロワー設計でモダンなUIを作成する
  • インタラクティブな遷移を通じたユーザー参加の向上
  • 複数のプラットフォームでレスポンシブレイアウトを構築する
  • 視覚的な魅力を持つスワイプ可能なサイドメニューの追加
  • ブランドの一貫性を保つためのドロワー外観のカスタマイズ

主な機能

  • スムーズなアニメーションとトランジション
  • 非常にカスタマイズ可能な外観と動作
  • すべての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

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。