Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de blur_bottom_bar
Detalhes do pacotev1.0.3

blur_bottom_bar

O Flutter blur bottom bar é uma recreação da visualização de guia do iOS com design material para Android e iOS

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

Instalar pacote

flutter pub add blur_bottom_bar

Visão geral do pacote

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

Blur Bottom Bar é um pacote Flutter que recria a barra de guia do estilo iOS com um efeito de fundo borrado, combinando estética do iOS com princípios do Material Design para consistência cross-platform em Android, iOS, Web, macOS, Windows e Linux. Oferece uma experiência de navegação moderna e visualmente atraente com transições suaves e estilos personalizáveis. O pacote é ideal para aplicativos que buscam um aspecto premium sem sacrificar usabilidade entre plataformas.

Casos de uso

  • Navegação de aplicativo móvel multiplataforma
  • Interface do usuário inspirada no iOS com Material Design
  • Interfaces de aplicativos modernos com efeitos de desfoque
  • Aplicações baseadas em guias que exigem profundidade visual
  • Melhorando a experiência do usuário com barras inferiores dinâmicas

Principais recursos

  • Efeito de desfoque de fundo inspirado no iOS
  • Integração do Material Design para Android
  • Suporte para múltiplas plataformas
  • Aparência de guia personalizável
  • Animações e transições suaves
  • Design responsivo em dispositivos

Indicado para

  • Desenvolvedores criando aplicativos semelhantes ao iOS no Flutter
  • Aplicações voltadas para design que precisam de navegação estética
  • Projetos multiplataforma com foco em iOS e Android
  • Aplicativos com foco em uma interface moderna e polida
  • Equipes priorizando consistência visual entre plataformas

Considerações

  • Pode afetar o desempenho em dispositivos de baixa potência
  • Requer contraste de cores cuidadoso para legibilidade
  • Personalização limitada em comparação com implementações nativas
  • Possíveis preocupações de acessibilidade com efeitos de desfoque
  • Mais adequado para designs com tema claro

README original

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

blur_bottom_bar

Flutter blur bottom bar

This is a recreation of the ios tab view with material design for android and ios

BlurBottomBar Gif BlurBottomBar Gif

Getting Started

Add the dependency in pubspec.yaml:

dependencies:
  ...
  blur_bottom_bar: ^1.0.1

Basic Usage

return Scaffold(
      appBar: AppBar(title: Text("Blur bar example")),
      body: Stack(
        children: <Widget>[
          _widgetOptions.elementAt(_selectedIndex),
          BlurBottomView(
              bottomNavigationBarItems: const <BottomNavigationBarItem>[
                BottomNavigationBarItem(
                  icon: Icon(Icons.home),
                  label: 'Home'),
                ),
                BottomNavigationBarItem(
                  icon: Icon(Icons.business),
                  label: 'Business',
                ),
                BottomNavigationBarItem(
                  icon: Icon(Icons.school),
                  label: 'School',
                )
              ],
              currentIndex: _selectedIndex,
              onIndexChange: (val) {
                _onItemTapped(val);
              }),
        ],
      ),
    );

Categorias

Barra de navegação inferior

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.