sweet_nav_bar

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

SweetNavBar 是一個 Flutter 套件，讓開發者能以最少的程式碼建立視覺上吸引人、充滿漸層色且浮動的底端導航列。它簡化了在多個平台（包括 Android、iOS、Web、macOS、Windows 和 Linux）上實作現代化導航介面的過程。透過可自訂的顏色、動畫與順暢過渡，提升使用者體驗，同時維持乾淨簡潔的 Dart 語法。非常適合需要美觀且具回應性的導航元件之應用程式。

適用情境

建立現代應用程式介面
向導航欄添加漸變效果
實現浮動底部導航
以最少的努力提升使用者介面和使用者體驗
使用一致的導航建構跨平台應用
輕鬆自訂導航外觀

主要特色

漸變支援
浮動設計
最小設定
跨平台相容性
流暢的動畫
可自定義的顏色和形狀

適合對象

移動和網頁應用開發者
注重設計的應用程式
需要現代 UI 元素的應用程式
尋求快速導航解決方案的開發者
強調視覺吸引力的專案

使用建議

可能需要額外的樣式來實現複雜佈局
僅限底部導航使用情境
在低階設備上使用大量漸變時的效能影響
不適用於非底部導航模式

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

This package is to build gradiant and floating Navigation Bar with a few lines of code.

Features

easy to use
gradiant icon easily
some beautiful animation

Getting started

To use this package, add sweet_nav_bar as a dependency in your pubspec.yaml file.

Usage

Here is How to use it, You can find Package API

bottomNavigationBar: SweetNavBar(
        paddingGradientColor: iconLinearGradiant,
        currentIndex: cIndex,
        paddingBackgroundColor: Colors.red,
        items: [
          SweetNavBarItem(
              sweetActive: const Icon(Icons.home),
              sweetIcon: const Icon(
                Icons.home_outlined,
              ),
              sweetLabel: 'Home',
              iconColors: iconLinearGradiant,
              sweetBackground: Colors.red),
          SweetNavBarItem(
              sweetIcon: const Icon(Icons.business), sweetLabel: 'Business'),
          SweetNavBarItem(
              sweetIcon: const Icon(Icons.school), sweetLabel: 'School'),
        ],
        onTap: (index) {
          setState(() {
            cIndex = index;
          });
        },
      ),

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

安裝套件