Buscar categorias, pacotes e repositórios

ducafecatGuia do ecossistema Flutter
Capa de cool_nav
Detalhes do pacotev0.1.1

cool_nav

Uma coleção de barras de navegação inferior realmente incríveis e fáceis de usar.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
88
Curtidas
54
Pontos Pub
150

Instalar pacote

flutter pub add cool_nav

Visão geral do pacote

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

Cool Nav é um pacote Flutter que oferece uma coleção de barras de navegação inferior visualmente atraentes e fáceis de implementar. Projetado com simplicidade e estética em mente, ele oferece componentes de navegação personalizáveis, animados e responsivos, adequados para aplicativos modernos em múltiplas plataformas. O pacote se integra perfeitamente aos projetos Flutter e suporta Android, iOS, Web, macOS, Windows e Linux. Com configuração mínima e opções de design ricas, o Cool Nav melhora a experiência do usuário sem comprometer o desempenho ou a conveniência do desenvolvedor.

Casos de uso

  • Navegação de aplicativo móvel
  • Painéis de aplicativos web
  • Aplicativos de desktop multiplataforma
  • Guia inferior personalizável
  • Interface do usuário aprimorada com animações
  • Integração simples em projetos existentes

Principais recursos

  • Estilos de navegação bonitos pré-definidos
  • Personalização fácil por meio de parâmetros
  • Animações e transições suaves
  • Suporte multiplataforma
  • Leve e eficiente
  • Código mínimo de boilerplate

Indicado para

  • Desenvolvedores Flutter procurando melhorias rápidas na interface
  • Projetos que exigem navegação inferior consistente
  • Aplicações focadas no design
  • Iniciantes aprendendo navegação no Flutter
  • Aplicativos direcionados a múltiplas plataformas

Considerações

  • Limitado apenas à navegação inferior
  • Pode exigir estilos adicionais para layouts complexos
  • Depende de dependências externas para animações
  • Não ideal para padrões de navegação não inferiores
  • Mais adequado para necessidades simples a moderadamente complexas de navegação

README original

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

cool_nav

Pub Version (including pre-releases) Github Action Status

A collection of really awesome, easy to use BottomNavigationBars

Getting Started

Add this to your package's pubspec.yaml file:

---
dependencies:
  cool_nav: ^0.1.1

Now in your Dart code, you can use:

import 'package:cool_nav/cool_nav.dart';

List of Bottom Navigation Bars:

Spotlight Bottom Navigation Bar

Spotlight Bottom Navigation Bar

Based on design made by Sanchita Agarwal.

An easy to use and customizable Bottom Navigation Bar. You can customize the colors as well provide a custom Gradient for the spotlight.

Usage

Scaffold(
    // ...
    bottomNavigationBar: SpotlightBottomNavigationBar(
        items: [
          SpotlightBottomNavigationBarItem(icon: Icons.smartphone),
          SpotlightBottomNavigationBarItem(icon: Icons.laptop_mac),
          SpotlightBottomNavigationBarItem(icon: Icons.desktop_mac),
        ],
        currentIndex: currentIndex,
        selectedItemColor: Colors.cyan,
        onTap: _onTap,
    ),
)
Flip Box Bottom Navigation Bar

Flip Box Bottom Navigation Bar

Based on design made by dannniel.

An easy to use and customizable Bottom Navigation Bar. You can customize the selected and unselected Icons and background Colors for the tiles.

Usage

Scaffold(
    // ...
    bottomNavigationBar: FlipBoxNavigationBar(
          currentIndex: currentIndex,
          verticalPadding: 20.0,
          items: <FlipBoxNavigationBarItem>[
            FlipBoxNavigationBarItem(
              name: 'Tasks',
              selectedIcon: Icons.done_all,
              selectedBackgroundColor: Colors.deepPurpleAccent[200],
              unselectedBackgroundColor: Colors.deepPurpleAccent[100],
            ),
            FlipBoxNavigationBarItem(
              name: 'People',
              selectedIcon: Icons.person,
              unselectedIcon: Icons.person_outline,
              selectedBackgroundColor: Colors.indigoAccent[200],
              unselectedBackgroundColor: Colors.indigoAccent[100],
            ),
            FlipBoxNavigationBarItem(
              name: 'Mail',
              selectedIcon: Icons.mail,
              unselectedIcon: Icons.mail_outline,
              selectedBackgroundColor: Colors.blueAccent[200],
              unselectedBackgroundColor: Colors.blueAccent[100],
            ),
          ]
    ),
)

Refer here for an example.

More Awesome Navigation Bars will be added in the future.

Examples

View the example folder to see more examples.

Categorias

Barra de navegação inferior

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.