패키지, 저장소 및 앱 카테고리 검색

sidebar_with_animation 표지
패키지 상세v0.0.3

sidebar_with_animation

애니메이션 효과가 있는 부드러운 접기식 사이드바로, Flutter 앱용 맞춤형 디자인에 완전히 제어 가능

WebmacOSWindowsLinux
30일 다운로드
81
좋아요
66
Pub 점수
150

패키지 설치

flutter pub add sidebar_with_animation

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

부드러운 전환 효과와 완전한 사용자 정의 옵션을 제공하는 애니메이션 가능하고 접을 수 있는 사이드바를 제공하는 플러터 패키지입니다. 동적 네비게이션 인터페이스가 필요한 앱에 적합하며, 웹, macOS, Windows, Linux 등 다양한 플랫폼에서 원활한 확장 및 축소 애니메이션을 지원합니다. 개발자는 디자인 요구 사항에 맞게 사이드바의 외관과 동작을 조정할 수 있습니다. 가볍고 기존 플러터 프로젝트에 쉽게 통합할 수 있습니다.

사용 사례

  • 사용자 지정 탐색 패널
  • 대시보드 인터페이스
  • 반응형 앱 레이아웃
  • 인터랙티브 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

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트