Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de flutter_split_view
Detalhes do pacotev0.1.2

flutter_split_view

Widget do Flutter que divide automaticamente a tela em duas visualizações com base no espaço disponível. Isso é baseado no Navigator 2.0.

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

Instalar pacote

flutter pub add flutter_split_view

Visão geral do pacote

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

Flutter Split View é um widget de layout responsivo que divide automaticamente a tela em duas visualizações ajustáveis com base no espaço disponível, aproveitando o Navigator 2.0 para navegação e gerenciamento de estado. É ideal para criar interfaces adaptativas que funcionam perfeitamente em diferentes dispositivos e plataformas. O widget ajusta dinamicamente seu layout conforme o tamanho da tela e a orientação, tornando-o adequado para interfaces de dois painéis, como padrões mestre-detalhe. Ele suporta todas as principais plataformas do Flutter, incluindo Android, iOS, Web, macOS, Windows e Linux.

Casos de uso

  • Layouts de mestre-detlhe
  • Navegação em painel duplo
  • Design de dashboard responsivo
  • Interfaces de usuário de tabletas multiplataforma
  • Interfaces adaptativas para dispositivos móveis e desktop

Principais recursos

  • Layout automático baseado no espaço de tela
  • integração do Navigator 2.0
  • Suporta todas as plataformas do Flutter
  • Redimensionamento dinâmico da visualização
  • Comportamento responsivo embutido
  • Fácil de integrar com rotas existentes

Indicado para

  • Desenvolvedores construindo aplicativos responsivos
  • Equipes direcionadas para múltiplas plataformas
  • Aplicativos que exigem funcionalidade de tela dividida
  • Designers de interface focados em layouts adaptativos
  • Projetos usando padrões modernos de navegação

Considerações

  • Requer conhecimento do Navigator 2.0
  • Pode ser necessário estilização personalizada para layouts complexos
  • Mais adequado para telas maiores ou tablets
  • Personalização limitada para divisões não padrão
  • Não é ideal para aplicativos simples de uma única visualização

README original

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

flutter_split_view

A Navigator 2.0 based Flutter widget that automatically splits the screen into two views based on available space.

Demo

Usage
MaterialApp(
    title: 'SplitView Demo',
    home: SplitView.material(
        child: MainPage(),
    ),
);

Cupertino:

CupertinoApp(
    title: 'SplitView Demo',
    home: SplitView.cupertino(
        child: MainPage(),
    ),
);
Navigating
Push
SplitView.of(context).push(SecondPage());

Push with an optional title, which will be used as the back button's title in Cupertino:

SplitView.of(context).push(
    SecondPage(),
    title: 'Second',
);
Pop
SplitView.of(context).pop();

Pop until the n-th page:

SplitView.of(context).popUntil(1);
Set the page displayed in the secondary view
SplitView.of(context).setSecondary(SecondPage());

This will clear the stack and push the new page, making it the second page in the stack.

Get whether the secondary view is visible
SplitView.of(context).isSecondaryVisible;
Example

Categorias

Interface do usuário responsivaLayout e Overlay

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.