sweet_nav_bar

Package Overview

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

SweetNavBar is a Flutter package that enables developers to create visually appealing, gradient-filled, and floating bottom navigation bars with minimal code. It simplifies the implementation of modern navigation interfaces across multiple platforms, including Android, iOS, Web, macOS, Windows, and Linux. With customizable colors, animations, and smooth transitions, it enhances user experience while maintaining clean, concise Dart syntax. Ideal for apps requiring stylish and responsive navigation components.

Use cases

Creating modern app interfaces
Adding gradient effects to navigation bars
Implementing floating bottom navigation
Enhancing UI/UX with minimal effort
Building cross-platform apps with consistent navigation
Customizing navigation appearance with ease

Key features

Gradient support
Floating design
Minimal setup
Cross-platform compatibility
Smooth animations
Customizable colors and shapes

Suitable for

Mobile and web app developers
Design-focused applications
Apps needing modern UI elements
Developers seeking quick navigation solutions
Projects emphasizing visual appeal

Considerations

May require additional styling for complex layouts
Limited to bottom navigation use cases
Performance impact with heavy gradients on low-end devices
Not suitable for non-bottom navigation patterns

Original README

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

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;
          });
        },
      ),

Search packages, repositories and app categories

Install package