sweet_nav_bar

패키지 개요

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

SweetNavBar는 최소한의 코드로 시각적으로 매력적이고 그라데이션으로 채워진 부유형 하단 네비게이션 바를 생성할 수 있도록 해주는 Flutter 패키지입니다. Android, iOS, Web, macOS, Windows, Linux 등 다양한 플랫폼에서 현대적인 네비게이션 인터페이스 구현을 간편하게 만들어줍니다. 사용자 정의 가능한 색상, 애니메이션 및 부드러운 전환 효과를 통해 사용자 경험을 향상시키면서도 깔끔하고 간결한 Dart 문법을 유지합니다. 스타일리시하고 반응성 있는 네비게이션 컴포넌트가 필요한 앱에 적합합니다.

사용 사례

현대적인 앱 인터페이스 만들기
네비게이션 바에 그라데이션 효과 추가하기
플로팅 하단 탐색 구현
최소한의 노력으로 UI/UX 향상시키기
일관된 탐색을 사용하여 크로스 플랫폼 앱 만들기
간편하게 탐색 외관 맞춤 설정

주요 기능

그라디언트 지원
플로팅 디자인
최소 설정
크로스 플랫폼 호환성
부드러운 애니메이션
사용자 정의 가능한 색상과 형태

적합한 대상

모바일 및 웹 앱 개발자
디자인 중심 애플리케이션
현대적인 UI 요소가 필요한 앱
빠른 탐색 솔루션을 찾는 개발자
시각적 매력에 중점을 둔 프로젝트

고려 사항

복잡한 레이아웃을 위해 추가 스타일링이 필요할 수 있습니다
하단 탐색 사용 사례에 한정
저사양 장치에서 무거운 그라디언트 사용 시 성능 영향
하단 탐색 패턴이 아닌 경우 적합하지 않습니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

This package is to build gradiant and floating Navigation Bar with a few lines of code.

Features

easy to use
gradiant icon easily
some beautiful animation

Getting started

To use this package, add sweet_nav_bar as a dependency in your pubspec.yaml file.

Usage

Here is How to use it, You can find Package API

bottomNavigationBar: SweetNavBar(
        paddingGradientColor: iconLinearGradiant,
        currentIndex: cIndex,
        paddingBackgroundColor: Colors.red,
        items: [
          SweetNavBarItem(
              sweetActive: const Icon(Icons.home),
              sweetIcon: const Icon(
                Icons.home_outlined,
              ),
              sweetLabel: 'Home',
              iconColors: iconLinearGradiant,
              sweetBackground: Colors.red),
          SweetNavBarItem(
              sweetIcon: const Icon(Icons.business), sweetLabel: 'Business'),
          SweetNavBarItem(
              sweetIcon: const Icon(Icons.school), sweetLabel: 'School'),
        ],
        onTap: (index) {
          setState(() {
            cIndex = index;
          });
        },
      ),

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

패키지 설치