sweet_nav_bar

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

SweetNavBar é um pacote Flutter que permite aos desenvolvedores criar barras de navegação inferiores flutuantes e visualmente atraentes com gradiente, usando poucas linhas de código. Simplifica a implementação de interfaces de navegação modernas em múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. Com cores personalizáveis, animações e transições suaves, ele melhora a experiência do usuário mantendo uma sintaxe Dart limpa e concisa. Ideal para aplicativos que exigem componentes de navegação elegantes e responsivos.

Casos de uso

Criando interfaces de aplicativos modernos
Adicionando efeitos de gradiente às barras de navegação
Implementando navegação inferior flutuante
Melhorando a UI/UX com esforço mínimo
Criando aplicativos multiplataforma com navegação consistente
Personalizando a aparência da navegação com facilidade

Principais recursos

Suporte a gradiente
Design flutuante
Configuração mínima
Compatibilidade multiplataforma
Animações suaves
Cores e formas personalizáveis

Indicado para

Desenvolvedores de aplicativos móveis e web
Aplicações focadas no design
Aplicativos que precisam de elementos de interface modernos
Desenvolvedores procurando soluções rápidas de navegação
Projetos que enfatizam a aparência visual

Considerações

Pode exigir estilos adicionais para layouts complexos
Limitado a casos de uso da navegação inferior
Impacto no desempenho com gradientes pesados em dispositivos de baixa potência
Não adequado para padrões de navegação não inferiores

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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

Buscar pacotes, repositórios e categorias de apps

Instalar pacote