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