搜尋套件、儲存庫與 APP 分類

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 開發人員建構移動或 Web 應用
  • 需要響應式導航的設計人員
  • 需要動畫和互動式底部欄的項目
  • 針對多個作業系統的應用程式

使用建議

  • 需要 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

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。