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
2631
Um pacote Flutter que implementa uma ConvexAppBar para mostrar uma guia convexa na barra inferior. Suporte a temas.
persistent_bottom_nav_bar
2114
Uma barra de navegação inferior persistente/estática altamente personalizável para o Flutter. Inclui até 20 estilos.
curved_navigation_bar
1897
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
1418
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
1267
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
1222
Widget de barra de navegação inferior animada, inspirado em um design no Dribble.
flutter_snake_navigationbar
620
Widget de barra de navegação inferior do Flutter com animação de cobra ao mudar de item.
custom_navigation_bar
510
Uma barra de navegação personalizada com efeito de clique em bolha. Inspirado no The Boring Flutter Development Show EP. 35.
dot_navigation_bar
386
Animações simples e suaves, fornecendo uma barra de navegação inferior com um visual limpo e agradável.
expandable_bottom_bar
334
Barra de aplicativo inferior animável com folha expansível. Use-me se precisar de uma barra inferior legal!
persistent_bottom_nav_bar_v2
326
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.
water_drop_nav_bar
312
Barra de navegação inferior, com um efeito de gota de água único. Quando a gota de água cai, ela marca o item selecionado.
animated_notch_bottom_bar
288
Este pacote ajuda a criar uma barra de navegação inferior ranhurada animada com qualquer widget como filhos.
sliding_clipped_nav_bar
279
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
203
Uma barra de navegação inferior animada para aplicativos Flutter, o ícone anima no local, as cores são personalizáveis.
flutter_floating_bottom_bar
193
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.
stylish_bottom_bar
192
Uma coleção de elegantes barras de navegação inferior, como a barra inferior animada e a barra inferior de bolhas para o Flutter.
scroll_bottom_navigation_bar
179
Este pacote permite ocultar ou mostrar a barra de navegação inferior durante a rolagem
floating_bottom_navigation_bar
177
Pacote de navegação inferior flutuante altamente personalizável para o flutter.
bottom_bar_matu
154
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
145
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
142
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
125
A barra inferior ajuda a criar uma barra de navegação inferior otimizada com animações bonitas
floating_bottom_bar
104
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
85
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
84
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
83
Barra de navegação inferior com efeito de vidro fosco que também reage a eventos de rolagem.
circle_nav_bar
79
Um pacote que fornece uma maneira fácil de criar uma barra de navegação circular de botão em um projeto Flutter
bottom_bar_page_transition
72
Para exibir animação entre páginas ao usar a navegação da barra inferior.
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.
curved_labeled_navigation_bar
66
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.
pandabar
64
Uma barra de navegação inferior chique para pandas. Pandabar projetado para a nova tendência de design neumórfico.
floating_navbar
64
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.
contactus
63
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.
rolling_nav_bar
63
Uma barra de navegação Flutter com um indicador ativo em rolagem atrás de cada ícone.
molten_navigationbar_flutter
58
Uma barra de navegação inferior animada com muitos parâmetros para ajustar.
responsive_navigation_bar
56
Uma barra de navegação inferior responsiva. Muito fácil para iniciantes. Sinta-se à vontade para contribuir.
custom_navigator
50
Um pacote flutter que facilita a criação do seu próprio navegador em qualquer lugar da árvore de widgets.
crystal_navigation_bar
47
Barra de navegação inferior nítida e transparente com indicador dinâmico para navegação contínua do aplicativo.
fancy_bar
46
Um widget bonito e elegante do flutter para usar com o bottomNavigationBar, suporta seleção e funciona com qualquer widget.
inkblob_navigation_bar
36
Uma barra de navegação personalizada com efeito de transição dinâmica e suave de tinta.
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.
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
30
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.
dot_curved_bottom_nav
29
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
scrollable_reorderable_navbar
28
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.
custom_line_indicator_bottom_navbar
27
Uma barra de navegação inferior totalmente personalizável com indicador superior e inferior e gradientes.
blur_bottom_bar
27
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.
shaped_bottom_bar
24
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.
bottom_animation
24
Barra de navegação inferior do Flutter | se você quiser navegação inferior com animação suave, adicione este pacote.
rounded_tabbar_widget
18
Um pacote simples do flutter para criar um layout TabBarView com guia personalizada.
ultimate_bottom_navbar
17
Ultimate Bottom Navigation Bar é uma barra de navegação inferior personalizável para seus aplicativos Flutter.
expanding_bottom_bar
17
Uma barra de navegação inferior com títulos e ícones que se expandem ao serem clicados.
gradient_bottom_navigation_bar
12
Uma Barra de Navegação Inferior de Material com opção de gradiente linear.