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