pinterest_nav_bar

Visão geral do pacote

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

Um pacote Flutter que implementa uma barra de navegação inferior do estilo Pinterest, oferecendo uma interface única e visualmente envolvente com um botão flutuante central e ícones igualmente espaçados. Projetado para estéticas modernas de aplicativos, melhora a interação do usuário ao combinar simplicidade com layout criativo. O pacote suporta múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, garantindo consistência entre plataformas. É ideal para aplicativos que buscam uma experiência de navegação distinta além das barras de navegação inferiores padrão.

Casos de uso

interfaces de aplicativos criativas
Aplicativos de mídia social
Plataformas de compartilhamento de fotos ou conteúdo
Aplicações de design com foco em dispositivos móveis
Aplicativos móveis multiplataforma

Principais recursos

Design inspirado no Pinterest
Botão de ação flutuante central
Layout de ícones espaçados uniformemente
Compatibilidade multiplataforma
Opções personalizáveis de cor e tamanho

Indicado para

Desenvolvedores Flutter focados em design
Aplicativos que precisam de navegação exclusiva
Desenvolvedores direcionados para múltiplas plataformas
Projetos que enfatizam a aparência visual
Experimentação moderna de UI/UX

Considerações

Pode exigir estilos adicionais para alinhamento da marca
Limitado ao caso de uso da navegação inferior
Não adequado para estruturas de navegação complexas
Curva potencial de aprendizado para personalização
Depende de dependências externas para funcionalidade completa

README original

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

Pinterest app's Like bottom navigation bar.

Light theme	Dark theme

Getting Started

Wrap you [MaterialApp] widget with [PinterestNavBarController] widget

    return PinterestNavBarController(
      child: MaterialApp(
        title: 'Pinterest Nav Bar Example',
        home: Pages(),
      ),
    );

Adding the widget

Note: it is recommended that you use this widget as the Floadting Action Button

      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      floatingActionButton: PinterestNavBar(
        currentIndex: selectedPageIndex,
        onTap: (i) {
          print('PinterestNavBar.onTap($i)');
          setState(() {
            selectedPageIndex = i;
          });
        },
        items: [
          Icons.home,
          Icons.search,
          Icons.chat_bubble_outline_rounded,
          Icons.person
        ],
      ),

check out the example app code for complete understanding

Buscar pacotes, repositórios e categorias de apps