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

패키지 상세v0.0.2

flexi_bottom_nav

FlexiBottomNavigation는 플러터용 사용자 정의 가능한 하단 탐색 위젯입니다. 구성 가능한 아이콘, 레이블 및 색상으로 쉽게 하단 탐색 바를 만들 수 있으며, 앱의 필요에 맞게 탐색 경험을 유연하게 조정할 수 있습니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
31
좋아요
2
Pub 점수
140

패키지 설치

flutter pub add flexi_bottom_nav

패키지 개요

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

FlexiBottomNavigation은 Flutter용으로 매우 사용자 정의가 가능한 하단 탐색 바 위젯으로, 개발자가 동적이고 시각적으로 맞춤화된 탐색 경험을 만들 수 있도록 도와줍니다. 구성 가능한 아이콘, 레이블, 색상 및 레이아웃 옵션을 지원하여 다양한 앱 디자인에 쉽게 적응할 수 있습니다. 이 패키지는 Android, iOS, Web, macOS, Windows, Linux 등 모든 주요 플랫폼에서 호환되며, 어디서나 일관된 동작을 보장합니다. 간단한 API를 통해 유연성을 희생하지 않고 하단 탐색 구현을 간편하게 만듭니다.

사용 사례

  • 사용자 지정 앱 탐색 막대
  • 다중 플랫폼 플러터 앱
  • 브랜드 UI 컴포넌트
  • 동적 아이콘 및 레이블 스타일링
  • 반응형 하단 탐색

주요 기능

  • 사용자 정의 가능한 아이콘 및 레이블
  • 사용자 지정 가능한 색상 및 테마
  • 크로스 플랫폼 호환성
  • Flutter와의 간편한 통합
  • 동적 콘텐츠 지원

적합한 대상

  • 유연한 탐색을 원하는 Flutter 개발자
  • 브랜드화 또는 고유한 하단 네비게이션을 필요로 하는 앱
  • 여러 플랫폼을 대상으로 하는 프로젝트
  • 디자인 중심의 UI 구현
  • 내비게이션 인터페이스의 빠른 프로토타이핑

고려 사항

  • 상태 관리를 수동으로 처리해야 합니다
  • 제한된 내장 애니메이션
  • 복잡한 레이아웃을 위해 추가 스타일링이 필요할 수 있습니다
  • 고급 기능을 위해 외부 종속성에 의존합니다
  • 매우 복잡한 탐색 패턴에는 적합하지 않음

원본 README

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

FlexiBottomNavigation

FlexiBottomNavigation is a customizable bottom navigation widget for Flutter. It allows you to easily create a bottom navigation bar with configurable icons, labels, and colors, giving you the flexibility to tailor the navigation experience to your app's needs.

Features

  • Customizable Labels: Set the labels for each tab in the bottom navigation bar.
  • Adjustable Icons: Specify icons for each tab, with customizable icon sizes and colors.
  • Color Customization: Customize the selected and unselected item colors.
  • Text and Icon Sizes: Adjust the font size for labels and the size for icons.
  • Error Handling: Ensure consistent behavior with validation for input lengths.

Getting Started

To use FlexiBottomNavigation in your Flutter project, follow these steps:

  1. Add the Dependency:

    Add flexi_bottom_nav to your pubspec.yaml file:

      flexi_bottom_nav: 0.0.1
    
    dependencies:
      flutter:
        sdk: flutter
      flexi_bottom_nav: 0.0.1
    
    pub add flexi_bottom_nav
    
  2. Install the Package:

    Run flutter pub get to install the package.

Usage

Here’s a simple example of how to use FlexiBottomNavigation in your Flutter application:

import 'package:flutter/material.dart';
import 'package:flexi_bottom_nav/flexi_bottom_nav.dart'; 

void main() {
  runApp(MaterialApp(
    home: FlexiBottomNavigation(
      screens: [
        Scaffold(body: Center(child: Text('Screen 1'))),
        Scaffold(body: Center(child: Text('Screen 2'))),
        Scaffold(body: Center(child: Text('Screen 3'))),
      ],
      labels: ['Home', 'Search', 'Profile'],
      icons: [Icons.home, Icons.search, Icons.person],
      iconColors: [Colors.blue, Colors.green, Colors.red],
      textSize: 14.0,
      iconSize: 30.0,
      selectedItemColor: Colors.red,
      unselectedItemColor: Colors.blueGrey,
    ),
  ));
}

For more advanced usage and customization, check the example folder included in the package.

Additional Information

  • Documentation: For detailed documentation, refer to the package documentation.
  • Contributing: Contributions are welcome! Please check the CONTRIBUTING.md for guidelines on how to contribute.
  • Issues: If you encounter any issues, please file them on the issue tracker.
  • License: This package is licensed under the MIT License. See the LICENSE file for more details.

카테고리

소스 저장소

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

아직 데이터가 없습니다.