principais pacotes da barra de navegação inferior do Flutter A barra de navegação inferior é um componente de navegação que exibe de três a cinco destinos na parte inferior da tela. Cada destino é geralmente representado por um ícone e um rótulo de texto opcional. Quando um ícone de navegação inferior é tocado, o usuário é levado ao destino de navegação de nível superior associado a esse ícone. A barra de guias inferior é outro componente de navegação usado para alternar entre diferentes telas em um aplicativo. Geralmente é usado com uma TabBar e um TabBarController. Como a barra de navegação inferior é um dos componentes de interface do usuário mais usados, existem muitos pacotes Flutter que facilitam o processo de adicionar uma barra de navegação inferior com designs personalizados e microinterações envolventes em seu aplicativo. A lista completa dos pacotes do Flutter para barra de navegação inferior, barra inferior e barra de guias inferior está listada abaixo.
convex_bottom_bar
2582
Um pacote Flutter que implementa uma ConvexAppBar para mostrar uma guia convexa na barra inferior. Suporte a temas.
persistent_bottom_nav_bar
2083
Uma barra de navegação inferior persistente/estática altamente personalizável para o Flutter. Inclui até 20 estilos.
curved_navigation_bar
1855
Uma deslumbrante barra de navegação em forma curvada com animação. Cor, cor de fundo, curva de animação e duração da animação ajustáveis.
google_nav_bar
1369
Uma barra de navegação no estilo Google moderna que pode ser usada como uma barra de navegação inferior ou tabbar, o design segue estritamente o UI/UX do cuberto no dribbble.
bottom_navy_bar
1255
Uma navegação inferior bonita e animada. A barra de navegação usa seu tema atual, mas você pode personalizá-la livremente.
animated_bottom_navigation_bar
1172
Widget de barra de navegação inferior animada, inspirado em um design no Dribble.
flutter_snake_navigationbar
604
Widget de barra de navegação inferior do Flutter com animação de cobra ao mudar de item.
custom_navigation_bar
500
Uma barra de navegação personalizada com efeito de clique em bolha. Inspirado no The Boring Flutter Development Show EP. 35.
dot_navigation_bar
374
Animações simples e suaves, fornecendo uma barra de navegação inferior com um visual limpo e agradável.
expandable_bottom_bar
335
Barra de aplicativo inferior animável com folha expansível. Use-me se precisar de uma barra inferior legal!
water_drop_nav_bar
295
Barra de navegação inferior, com um efeito de gota de água único. Quando a gota de água cai, ela marca o item selecionado.
persistent_bottom_nav_bar_v2
295
Uma barra de navegação inferior persistente/estática altamente personalizável para Flutter. Inclui até 20 estilos. Baseado no persistent_bottom_nav_bar, que atualmente não está sendo continuado.
animated_notch_bottom_bar
267
Este pacote ajuda a criar uma barra de navegação inferior ranhurada animada com qualquer widget como filhos.
sliding_clipped_nav_bar
265
Barra de navegação inferior com ícone e texto do menu deslizantes com efeito de recorte, também possui efeito de ondulação ao tocar.
fancy_bottom_navigation
229
Uma barra de navegação inferior animada para aplicativos Flutter, ícone animado no local, as cores podem ser personalizadas.
motion_tab_bar
188
Uma barra de navegação inferior animada para aplicativos Flutter, o ícone anima no local, as cores são personalizáveis.
stylish_bottom_bar
176
Uma coleção de elegantes barras de navegação inferior, como a barra inferior animada e a barra inferior de bolhas para o Flutter.
flutter_floating_bottom_bar
174
Um pacote Flutter que permite mostrar um widget flutuante que pode ser usado como uma barra de guias, barra de navegação inferior, etc. O widget também reage a eventos de rolagem.
scroll_bottom_navigation_bar
174
Este pacote permite ocultar ou mostrar a barra de navegação inferior durante a rolagem
floating_bottom_navigation_bar
171
Pacote de navegação inferior flutuante altamente personalizável para o flutter.
bottom_bar_matu
150
Uma bela e animada barra de navegação inferior, fácil de implementar com dados de ícones ou personalizar com o seu próprio widget.
cuberto_bottom_bar
141
Uma barra de navegação inferior animada que suporta o ícone do drawer no início ou no final, ou pode ser usada com o ícone do drawer e é fornecida com 2 estilos diferentes.
titled_navigation_bar
141
Uma barra de navegação inferior bonita, limpa e simples com animação suave ao clicar. Este pacote é altamente personalizável, leia mais abaixo para mais detalhes.
bottom_bar
119
A barra inferior ajuda a criar uma barra de navegação inferior otimizada com animações bonitas
floating_bottom_bar
102
Este pacote fornece uma animação de deslizamento para o botão de ação flutuante localizado no centro e o botão guia inferior.
bottom_personalized_dot_bar
98
Barra de navegação inferior personalizada de pontos, arraste e solte todos os seus itens, personalize sua navegação inferior da melhor maneira.
extended_navbar_scaffold
88
Um Scaffold estendido personalizado com uma barra de navegação expansível e flutuante.
bottom_nav_layout
84
Um layout de aplicativo rápido e poderoso. Suporta preservação do estado da página, carregamento lento de páginas e possui um histórico de retorno de página.
motion_tab_bar_v2
82
Uma barra de navegação inferior animada para aplicativos Flutter, o ícone se anima no local, as cores são personalizáveis.
floating_frosted_bottom_bar
80
Barra de navegação inferior com efeito de vidro fosco que também reage a eventos de rolagem.
circle_nav_bar
74
Um pacote que fornece uma maneira fácil de criar uma barra de navegação circular de botão em um projeto Flutter
bubbled_navigation_bar
72
Barra de navegação animada com formas de bolhas impressionantes. Cor ajustável, cor de fundo, curva de animação, duração da animação. Funciona com PageView através do parâmetro do controlador.
bottom_bar_page_transition
70
Para exibir animação entre páginas ao usar a navegação da barra inferior.
pandabar
63
Uma barra de navegação inferior chique para pandas. Pandabar projetado para a nova tendência de design neumórfico.
floating_navbar
63
Barra de navegação inferior flutuante e personalizável. O FloatingNavBar vem com várias opções de personalização - cores, indicadores de página, etc. Isso pode ser usado como uma alternativa à Barra de Navegação Inferior padrão.
rolling_nav_bar
63
Uma barra de navegação Flutter com um indicador ativo em rolagem atrás de cada ícone.
curved_labeled_navigation_bar
62
Uma deslumbrante barra de navegação em forma curvada com animação. Cor, cor de fundo, curva de animação e duração da animação ajustáveis.
contactus
62
O contactus é o pacote que ajuda os desenvolvedores a adicionar suas informações de contato com facilidade. Os desenvolvedores podem adicionar muitos detalhes importantes, como o site, o e-mail, o número de telefone, etc.
molten_navigationbar_flutter
55
Uma barra de navegação inferior animada com muitos parâmetros para ajustar.
custom_navigator
50
Um pacote flutter que facilita a criação do seu próprio navegador em qualquer lugar da árvore de widgets.
responsive_navigation_bar
49
Uma barra de navegação inferior responsiva. Muito fácil para iniciantes. Sinta-se à vontade para contribuir.
fancy_bar
46
Um widget bonito e elegante do flutter para usar com o bottomNavigationBar, suporta seleção e funciona com qualquer widget.
crystal_navigation_bar
37
Barra de navegação inferior nítida e transparente com indicador dinâmico para navegação contínua do aplicativo.
navigation_action_bar
36
Uma bela barra de navegação moderna, juntamente com uma barra de ação flutuante.
circle_bottom_navigation
35
Uma barra de navegação inferior animada, bonita e funcional para o seu aplicativo.
inkblob_navigation_bar
33
Uma barra de navegação personalizada com efeito de transição dinâmica e suave de tinta.
r_nav_n_sheet
33
Barra de navegação inferior animada, moderna e altamente personalizável para o Flutter.
draggable_customized_btn_navy_bar
31
draggable_customized_btn_navy_bar, Arraste e solte todos os seus itens, personalize a sua barra de navegação inferior da melhor maneira.
curved_nav_bar
29
Barra de navegação inferior com FAB. Você pode usar o FAB como uma aba do meio ou realizar outras operações, como abrir um popup ou câmera.
custom_line_indicator_bottom_navbar
27
Uma barra de navegação inferior totalmente personalizável com indicador superior e inferior e gradientes.
scrollable_reorderable_navbar
27
Uma barra de navegação inferior que pode ser rolada quando há mais de 5 itens para exibir. Também permite ao usuário arrastar a posição dos itens e excluir itens da barra de navegação.
dot_curved_bottom_nav
26
Barra de navegação indicadora de forma curva animada impressionante. Cor ajustável, cor de fundo, curva de animação, duração da animação
blur_bottom_bar
26
Flutter desfocar barra inferior é uma recriação da visualização de guias do ios com material design para android e ios
bottom_sheet_expandable_bar
26
Um pacote para exibir uma barra inferior com capacidade de expandir e mostrar uma folha inferior
global_bottom_navigation_bar
24
Barra de navegação inferior global simples de integrar. Você também tem a capacidade de adicionar uma barra de aplicativo global adicionando um objeto da barra de aplicativos no arquivo principal quando você usa esta biblioteca.
bottom_animation
24
Barra de navegação inferior do Flutter | se você quiser navegação inferior com animação suave, adicione este pacote.
shaped_bottom_bar
23
Barra de navegação inferior totalmente personalizável com várias formas embutidas e suporte a formas personalizadas, também com animações de transição embutidas.
rounded_tabbar_widget
18
Um pacote simples do flutter para criar um layout TabBarView com guia personalizada.
expanding_bottom_bar
17
Uma barra de navegação inferior com títulos e ícones que se expandem ao serem clicados.
ultimate_bottom_navbar
14
Ultimate Bottom Navigation Bar é uma barra de navegação inferior personalizável para seus aplicativos Flutter.
gradient_bottom_navigation_bar
12
Uma Barra de Navegação Inferior de Material com opção de gradiente linear.