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.
flutter_snake_navigationbar
646
Widget de barra de navegação inferior do Flutter com animação de cobra ao mudar de item.
custom_navigation_bar
521
Uma barra de navegação personalizada com efeito de clique em bolha. Inspirado no The Boring Flutter Development Show EP. 35.
dot_navigation_bar
412
Animações simples e suaves, fornecendo uma barra de navegação inferior com um visual limpo e agradável.
persistent_bottom_nav_bar_v2
371
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
360
Este pacote ajuda a criar uma barra de navegação inferior ranhurada animada com qualquer widget como filhos.
water_drop_nav_bar
359
Barra de navegação inferior, com um efeito de gota de água único. Quando a gota de água cai, ela marca o item selecionado.
expandable_bottom_bar
340
Barra de aplicativo inferior animável com folha expansível. Use-me se precisar de uma barra inferior legal!
sliding_clipped_nav_bar
316
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.
flutter_floating_bottom_bar
260
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
245
Uma coleção de elegantes barras de navegação inferior, como a barra inferior animada e a barra inferior de bolhas para o Flutter.
motion_tab_bar
242
Uma barra de navegação inferior animada para aplicativos Flutter, o ícone anima no local, as cores são personalizáveis.
fancy_bottom_navigation
229
Uma barra de navegação inferior animada para aplicativos Flutter, ícone animado no local, as cores podem ser personalizadas.
floating_bottom_navigation_bar
189
Pacote de navegação inferior flutuante altamente personalizável para o flutter.
scroll_bottom_navigation_bar
186
Este pacote permite ocultar ou mostrar a barra de navegação inferior durante a rolagem
bottom_bar_matu
164
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
149
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
144
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
129
A barra inferior ajuda a criar uma barra de navegação inferior otimizada com animações bonitas
circle_nav_bar
116
Um pacote que fornece uma maneira fácil de criar uma barra de navegação circular de botão em um projeto Flutter
floating_bottom_bar
111
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.
curved_labeled_navigation_bar
91
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.
motion_tab_bar_v2
88
Uma barra de navegação inferior animada para aplicativos Flutter, o ícone se anima no local, as cores são personalizáveis.
extended_navbar_scaffold
88
Um Scaffold estendido personalizado com uma barra de navegação expansível e flutuante.
floating_frosted_bottom_bar
87
Barra de navegação inferior com efeito de vidro fosco que também reage a eventos de rolagem.
bottom_nav_layout
87
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.
crystal_navigation_bar
86
Barra de navegação inferior nítida e transparente com indicador dinâmico para navegação contínua do aplicativo.
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.
responsive_navigation_bar
70
Uma barra de navegação inferior responsiva. Muito fácil para iniciantes. Sinta-se à vontade para contribuir.
floating_navbar
69
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.
molten_navigationbar_flutter
67
Uma barra de navegação inferior animada com muitos parâmetros para ajustar.
contactus
65
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.
pandabar
64
Uma barra de navegação inferior chique para pandas. Pandabar projetado para a nova tendência de design neumórfico.
rolling_nav_bar
63
Uma barra de navegação Flutter com um indicador ativo em rolagem atrás de cada ícone.
custom_navigator
51
Um pacote flutter que facilita a criação do seu próprio navegador em qualquer lugar da árvore de widgets.
fancy_bar
46
Um widget bonito e elegante do flutter para usar com o bottomNavigationBar, suporta seleção e funciona com qualquer widget.
r_nav_n_sheet
42
Barra de navegação inferior animada, moderna e altamente personalizável para o Flutter.
dot_curved_bottom_nav
41
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
inkblob_navigation_bar
37
Uma barra de navegação personalizada com efeito de transição dinâmica e suave de tinta.
circle_bottom_navigation
36
Uma barra de navegação inferior animada, bonita e funcional para o seu aplicativo.
navigation_action_bar
36
Uma bela barra de navegação moderna, juntamente com uma barra de ação flutuante.
draggable_customized_btn_navy_bar
32
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.
scrollable_reorderable_navbar
30
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
28
Uma barra de navegação inferior totalmente personalizável com indicador superior e inferior e gradientes.
blur_bottom_bar
28
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
27
Um pacote para exibir uma barra inferior com capacidade de expandir e mostrar uma folha inferior
global_bottom_navigation_bar
25
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
25
Barra de navegação inferior do Flutter | se você quiser navegação inferior com animação suave, adicione este pacote.
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.
ultimate_bottom_navbar
21
Ultimate Bottom Navigation Bar é uma barra de navegação inferior personalizável para seus aplicativos Flutter.
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.
sweet_nav_bar
12
Este pacote cria uma barra de navegação em degradê e flutuante com apenas algumas linhas de código.
gradient_bottom_navigation_bar
12
Uma Barra de Navegação Inferior de Material com opção de gradiente linear.
navigation_view
9
NavigationView é um pacote Flutter que fornece uma barra de navegação personalizável com transições animadas.
animated_botton_navigation
8
uma barra de navegação inferior animada para flutter, projetada para fornecer uma transição suave e visualmente atraente entre as abas.
stage_navigation_bar
8
um pacote flutter para barra de navegação bonita com animação ao selecionar um item.
glow_bottom_app_bar
5
barra de aplicativo inferior simples com efeito de transição brilhante para fornecer um efeito bonito para navegação.
flexi_bottom_nav
1
flexibottomnavigation é um widget de navegação inferior personalizável para flutter. ele permite criar facilmente uma barra de navegação inferior com ícones, rótulos e cores configuráveis, permitindo adaptar a experiência de navegação às necessidades do seu aplicativo.
curved_navigation_bar
0
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.
convex_bottom_bar
0
Um pacote Flutter que implementa uma ConvexAppBar para mostrar uma guia convexa na barra inferior. Suporte a temas.
bottom_navy_bar
0
Uma navegação inferior bonita e animada. A barra de navegação usa seu tema atual, mas você pode personalizá-la livremente.
persistent_bottom_nav_bar
0
Uma barra de navegação inferior persistente/estática altamente personalizável para o Flutter. Inclui até 20 estilos.