Search packages, repositories and app categories

bnb_flutter cover
Package detailsv0.0.4

bnb_flutter

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.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
56
Likes
3
Pub points
160

Install package

flutter pub add bnb_flutter

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

bnb_flutter is a customizable Flutter package for creating bottom navigation bars with smooth animations and flexible item support. Designed for simplicity and responsiveness, it delivers a native look and feel across platforms. Developers can easily tailor the appearance and behavior of the navigation bar to match their app's design language. The package supports all major platforms including Android, iOS, Web, macOS, Windows, and Linux, ensuring consistent user experiences. With intuitive APIs and built-in animations, it simplifies the implementation of dynamic bottom navigation bars.

Use cases

  • Custom bottom navigation in mobile apps
  • Responsive navigation across multiple platforms
  • Animated tab transitions
  • Dynamic badge and icon management
  • Highly tailored UI components

Key features

  • Smooth animations
  • Flexible item customization
  • Cross-platform compatibility
  • Native-like appearance
  • Easy integration with existing Flutter projects
  • Support for badges and icons

Suitable for

  • Flutter developers building mobile or web apps
  • Designers needing responsive navigation
  • Projects requiring animated and interactive bottom bars
  • Apps targeting multiple operating systems

Considerations

  • Requires Flutter SDK 3.0 or higher
  • May need additional styling for complex layouts
  • Limited to bottom navigation use case only

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

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

Categories

Source repository

Projects using this package

No data available yet.