side_sheet

Visão geral do pacote

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

Um pacote Flutter que permite a implementação de painéis laterais em todas as plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. Ele suporta design responsivo de interface, garantindo comportamento e aparência consistentes independentemente do dispositivo ou tamanho da tela. O pacote fornece uma solução flexível e personalizável para apresentar conteúdo complementar em formato de painel deslizante, ideal para navegação, filtros ou visualizações detalhadas. Desenvolvido com compatibilidade entre plataformas em mente, simplifica a criação de interfaces modernas e acessíveis.

Casos de uso

Painéis de navegação responsivos
Sobreposições de filtro e configuração
Exibição de informações detalhadas
Contêineres de conteúdo semelhantes a modais
Consistência da interface do usuário multiplataforma

Principais recursos

Suporte multiplataforma
Adaptação de layout responsivo
animações de deslize personalizáveis
Acessibilidade embutida
Integração fácil com widgets existentes

Indicado para

Desenvolvedores direcionados a múltiplas plataformas
Aplicativos que exigem painéis laterais dinâmicos
Aplicações com foco em UI
Equipes que priorizam a reutilização de código
Projetos que precisam de folhas inferiores responsivas

Considerações

Pode exigir estilos adicionais para layouts complexos
Opções limitadas de personalização para casos extremos
Depende do tratamento de gestos do Flutter
Não otimizado para conjuntos de dados muito grandes
Mais adequado para volumes moderados de conteúdo

README original

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

A flutter package for implementing of side sheets

A sample. font: https://material.io/components/sheets-side#usage

Simple Usage:

ElevatedButton(
    onPressed: () =>
        SideSheet.right(
            body: Text("Body"),
                context: context
        ),
    child: Text('OPEN RIGHT SIDE SHEET')),


ElevatedButton(
    onPressed: () =>
        SideSheet.left(
            body: Text("Body"),
                context: context
        ),
    child: Text('OPEN LEFT SIDE SHEET')),

Custom Width Side Sheet:

ElevatedButton(
    onPressed: () =>
        SideSheet.right(
            context: context
            width: MediaQuery.of(context).size.width * 0.3,
            body: Text("Body"),
        ),
    child: Text('OPEN RIGHT SIDE SHEET WITH CUSTOM WIDTH')),


ElevatedButton(
    onPressed: () =>
        SideSheet.left(
            context: context
            width: MediaQuery.of(context).size.width * 0.3,
            body: Text("Body"),
        ),
    child: Text('OPEN LEFT SIDE SHEET WITH CUSTOM WIDTH')),

With return arguments

ElevatedButton(
    onPressed: () async {
      final data = await SideSheet.left(
            body: IconButton(icon: Icon(Icons.close),
                      onPressed: () => Navigator.pop(context, 'Data Returns Left')),
            context: context);

      print(data);
    },
    child: Text('OPEN LEFT SIDE SHEET WITH RETURN DATA')
),

ElevatedButton(
    onPressed: () async {
      final data = await SideSheet.right(
            body: IconButton(
                      icon: Icon(Icons.close),
                      onPressed: () => Navigator.pop(context, 'Data Returns Right')),
            context: context);

      print(data);
    },
    child: Text('OPEN RIGHT SIDE SHEET WITH RETURN DATA')
),

Close sheet in body

Navigator.pop(context);

With arguments

Navigator.pop(context, 'data return');

Buscar pacotes, repositórios e categorias de apps

side_sheet

Instalar pacote

Visão geral do pacote

Casos de uso

Principais recursos

Indicado para

Considerações

README original

side_sheet

Categorias

Repositório-fonte

lado da folha

Projetos que usam este pacote