sidebar_with_animation

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

滑らかな遷移を備えたアニメーション付きの折りたたみ式サイドバーを提供するFlutterパッケージで、完全なカスタマイズオプションをサポートしています。動的なナビゲーションインターフェースが必要なアプリに最適であり、Web、macOS、Windows、Linuxなど複数のプラットフォームでスムーズな展開・収納アニメーションを実現できます。開発者はデザイン要件に合わせてサイドバーの外観と動作をカスタマイズできます。軽量で既存のFlutterプロジェクトへの統合も容易です。

用途

カスタムナビゲーションパネル
ダッシュボードインターフェース
応答性のあるアプリレイアウト
インタラクティブUIコンポーネント
クロスプラットフォームナビゲーション

主な機能

スムーズなアニメーション遷移
完全にカスタマイズ可能なデザイン
折りたたみ/展開動作
マルチプラットフォーム対応
Flutterとの簡単な統合

適している対象

ダッシュボードを構築する開発者
インタラクティブなナビゲーションを必要とするデザイナー
応答性のあるレイアウトを必要とするアプリ
クロスプラットフォーム Flutter プロジェクト
UI重視のアプリケーション

注意事項

Flutterレイアウトの原則を理解する必要がある
複雑なデザインには追加のスタイリングが必要になる場合があります
パフォーマンスはアニメーションの複雑さに依存します
サイドバー固有の使用事例に限定
明確なナビゲーション階層を持つアプリに最適

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Description

Animated collapsible sidebar for Flutter apps " macOS & Web & Windows & Linux " with very cool animation and responsive with full control to customize the colors and texts and almost everything

This package supports all platforms listed below.

platforms:

linux
macos
web
windows

Features

Values that you can customize

Usage


SideBarAnimated(
    onTap: (s) {
      //use the index to change the main screens
    },
      //add or remove divider for settings
    widthSwitch: 700,
    mainLogoImage: 'assets/logo.png',
    sidebarItems: [
      ///add side bar Items
      SideBarItem(
    iconSelected: Icons.home_rounded,
    //unselected just if you need to use two different icons 
    iconUnselected: Icons.home_outlined,
    text: 'Home',
       ),
    ],
    ),

Additional information

This is v1 is mainly made for Flutter web , macOS and Windows "Big screens" will improve it by the time to make it good for small screens as well, Thanks.

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

パッケージをインストール