KasyKasy

Split View

Viewer ao vivo e documentação do componente Split View.

Sobre

Layout mestre-detalhe: painel de lista e painel de detalhe lado a lado em telas largas (com divisória fina), colapsando para um painel único no celular — onde detail (quando não nulo) cobre primary inteiramente.

  • primary: painel da lista (esquerda em telas largas).
  • detail: painel de detalhe; null mostra emptyDetail (largo) ou apenas primary (estreito).
  • emptyDetail: placeholder exibido no painel de detalhe em telas largas quando detail é nulo (ex: "Selecione um item").
  • primaryWidth: largura fixa do painel de lista em telas largas (padrão 320).
  • onCloseDetail: callback ligado ao botão de voltar do painel de detalhe em telas estreitas (o painel de detalhe é responsável por renderizar seu próprio botão de voltar).

Usa o breakpoint DeviceType.medium (768) do kit — o mesmo ponto de quebra de toda tela responsiva.

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página