FLUTTER ECOSYSTEM

mokhselim/animated_side_bar

適用於 Flutter 應用的動畫可摺疊側邊欄

animated_side_bar 專案封面
Stars
5
Forks
16
最近推送(UTC)
2024年8月19日
專案狀態
未封存
Mohamed khaled Selim GitHub avatar
GITHUB User

Mohamed khaled Selim ↗

Flutter Developer

語言C++CMakeDartHTMLSwiftCKotlinObjective-C

此儲存庫發佈的套件

使用的依賴

依賴清單 3 項
  • flutter{"sdk":"flutter"}
  • flutter_test開發依賴{"sdk":"flutter"}
  • flutter_lints開發依賴^2.0.0

原始 README

以下為英文專案原文快照,最新內容請造訪 GitHub。

展開 / 收合專案 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

https://res.cloudinary.com/dcvoshrrl/image/upload/v1698355354/sidebar/vdk7fzpiobikynrws3pw.png https://res.cloudinary.com/dcvoshrrl/image/upload/v1698355350/sidebar/syo8iuhylnvhwh4bfnq5.png https://res.cloudinary.com/dcvoshrrl/image/upload/v1698355355/sidebar/hziqmoxwtkhiwnuvvq8y.gif https://res.cloudinary.com/dcvoshrrl/image/upload/v1698355349/sidebar/ou709zs4j5dh9krl9vy0.gif
Values that you can customize
https://res.cloudinary.com/dcvoshrrl/image/upload/v1698355337/sidebar/vzcjytzqbmuyd49kwr6d.png

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