sweet_nav_bar

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

SweetNavBarは、最小限のコードで視覚的に魅力的でグラデーション入りの浮遊型のボトムナビゲーションバーを作成できるFlutterパッケージです。Android、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームで現代的なナビゲーションインターフェースを簡単に実装できます。カスタマイズ可能な色、アニメーション、スムーズな遷移により、ユーザー体験を向上させながら、洗練された簡潔なDart構文を維持します。スタイリッシュで応答性のあるナビゲーションコンポーネントが必要なアプリに最適です。

用途

モダンなアプリインターフェースの作成
ナビゲーションバーにグラデーション効果を追加する
フローティングボトムナビゲーションの実装
最小限の努力でUI/UXを向上させる
一貫したナビゲーションでクロスプラットフォームアプリを構築する
簡単にナビゲーションの外観をカスタマイズする

主な機能

グラデーションサポート
フローティングデザイン
最小限のセットアップ
クロスプラットフォーム互換性
スムーズなアニメーション
カスタマイズ可能な色と形状

適している対象

モバイルおよびウェブアプリ開発者
デザイン重視のアプリケーション
現代の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;
          });
        },
      ),

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

パッケージをインストール