cupertino_modal_sheet

Visão geral do pacote

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

Um pacote Flutter que exibe uma caixa de diálogo em estilo iOS, deslizando para cima a partir da parte inferior da tela. Projetado para imitar as folhas modais nativas do Cupertino da Apple, oferece uma experiência de usuário suave e apropriada ao plataforma em Android, iOS, Web, macOS, Windows e Linux. O pacote é leve e se integra perfeitamente a aplicativos existentes do Flutter, oferecendo aparência e comportamento personalizáveis. Suporta gestos interativos como arrastar para fechar e pode ser usado para selecionar opções, exibir formulários ou apresentar conteúdo adicional de forma compacta e focada.

Casos de uso

Exibindo menus de ação
Apresentando entradas de formulário
Mostrando informações detalhadas
Gerenciando escolhas do usuário
Implementando modais no estilo iOS

Principais recursos

animação de deslize para cima com estilo iOS
Dismissal acionado por gesto
Compatibilidade multiplataforma
Conteúdo personalizável
Transições suaves
Suporta todas as principais plataformas

Indicado para

design de interface do usuário inspirado no iOS
Modais de folha inferior em aplicativos multiplataforma
Formulários de entrada do usuário
Interfaces de seleção de ação
Aplicativos direcionados ao ecossistema da Apple

Considerações

Mais adequado para designs semelhantes ao iOS
Pode exigir ajustes de estilo em plataformas não iOS
Limitado ao layout de folha inferior
Não ideal para modais em tela cheia
Depende da consistência do tema Cupertino

README original

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

English, 日本語

Shows a modal iOS-style sheet that slides up from the bottom of the screen.

On mobile devices, the content is displayed as a sheet, with part of the background content near the top of the screen.
On tablet, a dimming layer is added to the background content and the content is centered over this layer.

Mobile

Tablet

Features

Hero compatibility
Tablet compatibility
Swiping to dismiss
Multi sheet (Dimming is imperfect)
Navigator2 compatibility

Getting started

showCupertinoModalSheet(
  context: context,
  builder: (context) => BookDetailsScreen(book: book),
);

Navigator2.0

Use CupertinoModalSheetPage or directly CupertinoModalSheetRoute.

TODO

[ ] Tests
[ ] Extensibility
[ ] Fix dimming of multi-sheet

PRs are welcome!

Buscar pacotes, repositórios e categorias de apps