Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev0.0.1

navigation_action_bar

Uma bela barra de navegação moderna, juntamente com uma barra de ação flutuante.

pub.dev Documentação da API Código-fonte
Downloads em 30 dias
11
Curtidas
36
Pontos Pub
40

Instalar pacote

flutter pub add navigation_action_bar

Visão geral do pacote

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

Uma barra de navegação moderna e visualmente atraente combinada com uma barra de ação flutuante, projetada para melhorar a navegação do usuário em aplicativos Flutter. Oferece uma interface limpa e personalizável que está alinhada com as tendências de design contemporâneas. O pacote suporta transições suaves e padrões intuitivos de interação, tornando-o ideal para aplicativos que exigem caminhos de navegação claros e gatilhos de ação proeminentes. Construído com o sistema de widgets do Flutter, integra-se perfeitamente em projetos existentes.

Casos de uso

  • Navegação de aplicativo móvel
  • Navegação inferior com FAB
  • Design de interface moderno
  • Layout do painel do aplicativo
  • Fluxos de onboarding de usuário

Principais recursos

  • Itens de navegação personalizáveis
  • Integração do Botão de Ação Flutuante
  • Animações suaves
  • Design responsivo
  • Personalização fácil de temas

Indicado para

  • Iniciantes do Flutter
  • desenvolvedores focados em interface
  • entusiastas do Material Design
  • Aplicativos com navegação baseada em guias
  • Projetos que precisam de barras inferiores polidas

Considerações

  • Comportamento específico de plataforma limitado
  • Sem gerenciamento de estado embutido
  • Requer manipulação manual das mudanças de rota
  • Não otimizado para navegação aninhada complexa
  • Documentação mínima disponível

README original

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

Navigation Action Bar

A flutter package for a beautiful modern Navigation Bar along with a Floating Action Bar


Table of contents

Installing

1. Depend on it

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

dependencies:
  navigation_action_bar: ^0.0.1
2. Install it

You can install packages from the command line:

with pub:

$ pub get

with Flutter:

$ flutter packages get
3. Import it

Now in your Dart code, you can use:

import 'package:navigation_action_bar/navigation_action_bar.dart';

Usage

    Scaffold(
      bottomNavigationBar: NavigationActionBar(
        context: context,
        scaffoldColor: Colors.blueAccent,
        index: 0,
        subItems: [
          NavBarItem(iconData: Icons.attach_file, size: 25),
          NavBarItem(iconData: Icons.photo, size: 25),
          NavBarItem(iconData: Icons.camera_alt, size: 25),
        ],
        mainIndex: 2,
        items: [
          NavBarItem(iconData: Icons.list, size: 30),
          NavBarItem(iconData: Icons.compare_arrows, size: 30),
          NavBarItem(iconData: Icons.add, size: 40),
          NavBarItem(iconData: Icons.call_merge, size: 30),
          NavBarItem(iconData: Icons.person, size: 30),
        ],
        onTap: (index) {
          setState(() {
            currentIndex = index;
          });
        },
      )

Attributes

Dart attribute Datatype Description Default Value
index int Specifies the index of the tab which needs to be open initially 0
mainIndex int Specifies the index where the Rotating Button should be placed @required
items List<NavBarItem> The list of widgets which are to be displayed in the Navigation Bar @required
subItems List<NavBarItem> The list of widgets which are to be displayed in Action Bar @required
scaffoldColor Color The color of the scaffold Colors.blueAccent
backgroundColor Color The background color of Navigation Bar Colors.white
animationCurve AnimationCurve Specifies the type of animation curve used by action buttons Curves.bounceOut
animationDuration Duration Specifies how long the animation will last 300 Milliseconds

License

Navigation_Action_Bar is licensed under MIT license. View license.

Categorias

Barra de navegação inferior

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.