side_sheet_material3

Visão geral do pacote

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

Um pacote Flutter que implementa um widget de painel lateral modal compatível com o Material Design 3, oferecendo um painel deslizante moderno e responsivo para conteúdo adicional ou ações. Projetado para seguir as diretrizes do Material Design 3, suporta várias plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. O painel lateral pode ser usado para navegação, configurações ou exibição de informações detalhadas, proporcionando uma experiência consistente para o usuário em diferentes dispositivos. Integra-se perfeitamente em aplicativos Flutter existentes e segue os princípios de design atuais de acessibilidade e usabilidade.

Casos de uso

Exibindo conteúdo suplementar
Implementação da navegação móvel
Mostrando painéis de configuração
Apresentando informações detalhadas
Melhorando fluxos de formulários

Principais recursos

Compatibilidade com o Material Design 3
Suporte multiplataforma
comportamento de deslizamento modal
Aparência personalizável
Manipulação de layout responsivo

Indicado para

Aplicativos usando o Material Design 3
Desenvolvedores procurando folhetos inferiores modernos
Projetos que exigem componentes de interface do usuário multiplataforma
Aplicações com foco em dispositivos móveis
painéis com foco em UI

Considerações

Requer Flutter SDK 3.0+
Personalização limitada além das especificações do Material 3
Pode ser necessário estilização adicional para casos de uso não padrão
Depende do pacote material3
Mais adequado para layouts de painel único

README original

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

Material Design 3 modal side sheet
- Features
- Usage
- Example

Material Design 3 modal side sheet

A Flutter package that provides a Material Design 3 side sheet as a general dialog.

Please check out the official documentation for more information on Material Design side sheet

Features

Custom header and body widgets.
Option to add a back button and close button.
Option to add confirm and cancel action buttons.
Option to show/hide a divider between the body and action buttons.
Customizable button text and tooltips.
Option to dismiss the dialog by tapping outside of it.

Usage

To use this package, add side_sheet_material3 as a dependency in your pubspec.yaml file.

dependencies:
  side_sheet_material3: ^0.0.1

Example

await showModalSideSheet(
  context: context,
  header: 'Edit Profile',
  body: ProfileEditForm(), // Put your content widget here
  addBackIconButton: true,
  addActions: true,
  addDivider: true,
  confirmActionTitle: 'Save',
  cancelActionTitle: 'Cancel',
  confirmActionOnPressed: () {
    // Do something
  },

  // If null, Navigator.pop(context) will used
  cancelActionOnPressed: () {
    // Do something
  },
);

Please check out the full example for more information on how to use this package.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote