navigation_action_bar

패키지 개요

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

현대적이고 시각적으로 매력적인 네비게이션 바와 플로팅 액션 바를 결합하여 Flutter 애플리케이션에서 사용자 탐색을 향상시키도록 설계되었습니다. 현대적인 디자인 트렌드에 부합하는 깔끔하고 사용자 정의 가능한 인터페이스를 제공합니다. 부드러운 전환과 직관적인 상호작용 패턴을 지원하여 명확한 탐색 경로와 두드러진 작업 트리거가 필요한 앱에 적합합니다. Flutter의 위젯 시스템으로 구축되어 기존 프로젝트에 원활하게 통합될 수 있습니다.

사용 사례

모바일 앱 탐색
FAB가 있는 하단 탐색
현대적인 UI 디자인
앱 대시보드 레이아웃
사용자 온보딩 흐름

주요 기능

사용자 정의 가능한 탐색 항목
플로팅 액션 버튼 통합
부드러운 애니메이션
반응형 디자인
간편한 테마 사용자 정의

적합한 대상

플러터 초보자
사용자 인터페이스 중심 개발자
Material Design 애호가
탭 기반 탐색을 지원하는 앱
완성된 바텀 바가 필요한 프로젝트

고려 사항

제한된 플랫폼 고유 동작
내장된 상태 관리 없음
경로 변경을 수동으로 처리해야 합니다
복잡한 중첩 탐색에 최적화되지 않음
사용 가능한 문서가 최소합니다

원본 README

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

Navigation Action Bar

A flutter package for a beautiful modern Navigation Bar along with a Floating Action Bar

Installing
Usage
Attributes
License

Installing

1. Depend on it

Add this to your package's pubspec.yaml file:

dependencies:
  navigation_action_bar: ^0.0.1

2. Install it

You can install packages from the command line:

with pub:

$ pub get

with Flutter:

$ flutter packages get

3. Import it

Now in your Dart code, you can use:

import 'package:navigation_action_bar/navigation_action_bar.dart';

Usage

    Scaffold(
      bottomNavigationBar: NavigationActionBar(
        context: context,
        scaffoldColor: Colors.blueAccent,
        index: 0,
        subItems: [
          NavBarItem(iconData: Icons.attach_file, size: 25),
          NavBarItem(iconData: Icons.photo, size: 25),
          NavBarItem(iconData: Icons.camera_alt, size: 25),
        ],
        mainIndex: 2,
        items: [
          NavBarItem(iconData: Icons.list, size: 30),
          NavBarItem(iconData: Icons.compare_arrows, size: 30),
          NavBarItem(iconData: Icons.add, size: 40),
          NavBarItem(iconData: Icons.call_merge, size: 30),
          NavBarItem(iconData: Icons.person, size: 30),
        ],
        onTap: (index) {
          setState(() {
            currentIndex = index;
          });
        },
      )

Attributes

Dart attribute	Datatype	Description	Default Value
index	int	Specifies the index of the tab which needs to be open initially	0
mainIndex	int	Specifies the index where the Rotating Button should be placed	@required
items	List<NavBarItem>	The list of widgets which are to be displayed in the Navigation Bar	@required
subItems	List<NavBarItem>	The list of widgets which are to be displayed in Action Bar	@required
scaffoldColor	Color	The color of the scaffold	Colors.blueAccent
backgroundColor	Color	The background color of Navigation Bar	Colors.white
animationCurve	AnimationCurve	Specifies the type of animation curve used by action buttons	Curves.bounceOut
animationDuration	Duration	Specifies how long the animation will last	300 Milliseconds

License

Navigation_Action_Bar is licensed under MIT license. View license.

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

패키지 설치