搜尋套件、儲存庫與 APP 分類

sidebar_with_animation 封面
套件詳情v0.0.3

sidebar_with_animation

帶有動畫收合效果的平滑側邊欄,可完全自訂以適應您自己的設計需求,適用於 Flutter 應用

WebmacOSWindowsLinux
近 30 天下載
81
喜歡數
66
Pub 分數
150

安裝套件

flutter pub add 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.
Love to hear from you and get feedback and upgrade requests

animated_side_bar

所屬分類

原始碼儲存庫

使用此套件的專案