パッケージ、リポジトリ、アプリカテゴリを検索

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プロジェクトとの簡単な統合
  • バッジとアイコンのサポート

適している対象

  • モバイルまたはWebアプリを構築する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

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。