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

bnb_flutter 표지
패키지 상세v0.0.4

bnb_flutter

부드러운 애니메이션과 유연한 항목 지원을 갖춘 고도로 사용자 정의 가능한 Flutter 하단 탐색 바 패키지입니다. 간결성, 반응성 및 네이티브한 느낌을 위해 설계되었습니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
56
좋아요
3
Pub 점수
160

패키지 설치

flutter pub add bnb_flutter

패키지 개요

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

bnb_flutter는 부드러운 애니메이션과 유연한 항목 지원을 갖춘 사용자 정의 가능한 Flutter 패키지입니다. 간편함과 반응성에 초점을 맞춰 설계되어 모든 플랫폼에서 네이티브한 외관과 느낌을 제공합니다. 개발자는 앱의 디자인 언어에 맞게 탐색 바의 외관과 동작을 쉽게 조정할 수 있습니다. 이 패키지는 Android, iOS, Web, macOS, Windows, Linux 등 주요 플랫폼을 모두 지원하여 일관된 사용자 경험을 보장합니다. 직관적인 API와 내장 애니메이션을 통해 동적 하단 탐색 바의 구현을 단순화합니다.

사용 사례

  • 모바일 앱에서의 사용자 지정 하단 탐색
  • 다중 플랫폼에 걸친 반응형 탐색
  • 애니메이션 탭 전환
  • 동적 배지 및 아이콘 관리
  • 높은 수준의 맞춤형 UI 컴포넌트

주요 기능

  • 부드러운 애니메이션
  • 유연한 항목 사용자 정의
  • 크로스 플랫폼 호환성
  • 네이티브 같은 외관
  • 기존 Flutter 프로젝트와의 간편한 통합
  • 배지 및 아이콘 지원

적합한 대상

  • 모바일 또는 웹 앱을 구축하는 Flutter 개발자
  • 반응형 탐색이 필요한 디자이너
  • 애니메이션 및 상호작용 하단 바가 필요한 프로젝트
  • 다양한 운영 체제를 대상으로 하는 앱

고려 사항

  • Flutter SDK 3.0 이상이 필요합니다
  • 복잡한 레이아웃을 위해 추가 스타일링이 필요할 수 있습니다
  • 하단 탐색 사용 사례에만 제한됨

원본 README

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

bnb_flutter

GitHub Repo License

A highly customizable Flutter bottom navigation bar package with smooth animations and flexible item support. Built for simplicity, responsiveness, and a native look and feel.


✨ Features

  • 🎨 UI with smooth transition animations
  • 📱 Supports fixed and shifting navigation bar types
  • 🔄 State persistence across tab switches
  • 🔧 Easily integrates into any Flutter project

💻 Installation

Add the following to your pubspec.yaml:

dependencies:
  bnb_flutter: ^<latest_version>

Then run:

flutter pub get

🚀 Getting Started

Import the package:

import 'package:bnb_flutter/bnb_flutter.dart';

Use the BnbWidget widget in your scaffold:

class MyBottomBar extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BnbWidget(
      items: [
        BnbItem(
          iconData: Icons.home,
        ),
        BnbItem(
          iconData: Icons.list,
        ),
        BnbItem(
          iconData: Icons.settings,
        ),
        BnbItem(
          iconData: Icons.book_outlined,
        ),
        BnbItem(
          iconData: Icons.person,
        ),
      ],
      onTap: (p0) =>
          setState(() {
            selectedIndex = p0;
          }),
      selectedIndex: selectedIndex,
      style: BnbStyle(
        iconSize: const Size(24, 24),
      ),
    );
  }
}

📂 Example

For a complete example, check the example project included in the repository


📸 Screenshot

Screenshot


🛠️ Contribution

Contributions are welcome! Feel free to open issues or submit PRs.

  1. Fork the repo
  2. Create a new branch (git checkout -b feature/my-feature)
  3. Commit your changes (git commit -am 'Add new feature')
  4. Push to the branch (git push origin feature/my-feature)
  5. Create a new Pull Request

📄 License

This project is licensed under the BSD 3-Clause License - see the LICENSE file for details.


🤝 Author

Developed with ❤️ by Touhid

카테고리

소스 저장소

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

아직 데이터가 없습니다.