vertical_tabs

Visão geral do pacote

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

Um pacote Flutter que fornece navegação por guias verticais com opções personalizáveis, permitindo que os usuários alternem entre seções de conteúdo usando guias alinhadas verticalmente. Suporta transições suaves, estilização personalizada e integração fácil em aplicativos Flutter existentes. O pacote é projetado para desenvolvedores que buscam uma alternativa às guias horizontais, especialmente útil em layouts onde o espaço vertical é mais disponível ou preferido. Inclui configurações para alinhamento, personalização do indicador e controle de animação. Ideal para painéis, telas de configurações ou qualquer interface que exija um sistema de guias compacto e organizado.

Casos de uso

Interfaces do painel
Telas de configuração
Navegação de conteúdo
Layouts de aplicativos móveis
Navegação do painel lateral

Principais recursos

Layout de tabulação vertical
indicadores personalizáveis
Animações suaves
Opções de alinhamento
Integração fácil

Indicado para

Desenvolvedores que precisam de interface de guia vertical
Aplicativos com espaço horizontal limitado
Designers que querem layouts de guia limpos
Iniciantes do Flutter explorando componentes de guia
Projetos que exigem navegação lateral

Considerações

Comportamento específico de plataforma limitado
Sem recursos de acessibilidade embutidos
Requer manipulação manual do estado da guia
Não otimizado para um número muito grande de guias
Depende de dependências externas para recursos avançados

README original

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

Vertical Tabs

A vertical tabs package for flutter framework.

Getting Started

A simple example of usage. to get more examples see Examples directory.
To see all settings please visit API reference of this package

...

VerticalTabs(
  tabsWidth: 150,
  tabs: <Tab>[
    Tab(child: Text('Flutter'), icon: Icon(Icons.phone)),
    Tab(child: Text('Dart')),
    Tab(child: Text('NodeJS')),
    Tab(child: Text('PHP')),
    Tab(child: Text('HTML 5')),
  ],
  contents: <Widget>[
    Container(child: Text('Flutter'), padding: EdgeInsets.all(20)),
    Container(child: Text('Dart'), padding: EdgeInsets.all(20)),
    Container(child: Text('NodeJS'), padding: EdgeInsets.all(20)),
    Container(child: Text('PHP'), padding: EdgeInsets.all(20)),
    Container(child: Text('HTML 5'), padding: EdgeInsets.all(20))
  ],
),

Scroll direction of content

RTL

Buscar pacotes, repositórios e categorias de apps

Instalar pacote