modal_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 integração de painéis laterais do Material Design em aplicativos em múltiplas plataformas. Ele fornece um widget de painel lateral personalizável e responsivo compatível com Android, iOS, Web, macOS, Windows e Linux. O painel lateral pode ser usado para apresentar conteúdo ou ações complementares de forma modal, melhorando a interação do usuário sem sair da tela atual. Construído com princípios de design Material, garante consistência com os comportamentos nativos das plataformas.

Casos de uso

Exibindo informações detalhadas em uma sobreposição modal
Apresentar menus de ação ou opções
Mostrando formulários ou campos de entrada temporariamente
Melhorando a navegação com painéis deslizantes
Fornecer controles contextuais sem transições de tela cheia

Principais recursos

lateral com design Material
Suporte multiplataforma (Android, iOS, Web, macOS, Windows, Linux)
Aparência e comportamento personalizáveis
Integração fácil por meio do comando pub add
Suporta os modos persistentes e descartáveis

Indicado para

Desenvolvedores criando aplicativos multiplataforma com interface do usuário consistente
Equipes usando as diretrizes do Material Design
Aplicativos que precisam de sobreposições temporárias de conteúdo
Projetos que exigem modais leves
Interfaces focadas em UX com painéis deslizantes

Considerações

Pode exigir estilização adicional para temas não Material
Impacto no desempenho em listas grandes de conteúdo
Personalização limitada em comparação com widgets totalmente personalizados
Não ideal para estruturas de navegação complexas
Requer manipulação cuidadosa de gestos em dispositivos touch

README original

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

Side Sheet

A package to use Material side sheet into your Flutter project. Learn more about side sheet at Material.io

Platform Support

Android	iOS	MacOS	Web	Linux	Windows
✔️	✔️	✔️	✔️	✔️	✔️

Getting Started

This package comes with two types of side sheets, Standard side sheet and Modal side sheet.

Modal Side Sheet

Modal side sheets present content while blocking interaction with the rest of the screen. This side sheet generally used in mobile devices as per recommended by Material Design by Google. See also : Modal Side Sheet

You can use it by calling showModalSideSheet() function into your Flutter project.

ElevatedButton(
    onPressed: () {
        showModalSideSheet(
            context: context,
            ignoreAppBar: false,
            body: ListView.builder(
                itemBuilder: (context, index) {
                    return ListTile(
                        leading: Icon(Icons.face),
                        title: Text("I am on $index index"),
                        trailing: Icon(Icons.safety_divider),
                    );
                },
            ));
        },
    child: Text("Show Modal Side Sheet")),

Standard Side Sheet

Standard side sheets co-exist with the screen’s primary UI region, which allows viewing and interaction with both surfaces. They are used only on tablet and desktop. See also: Standard Side Sheet

This side sheet can be used with BodyWithSideSheet widget. Just place this widget into your Scaffold's body property.

@override
Widget build(BuildContext context){
    return Scaffold(
        appBar:AppBar(title:Text("Standard Side Sheet Demo")),
        body:BodyWithSideSheet(
            body:Container(
                child:Text("My App Body"),
            ),
            sheetBody:Container(
                child:Text("My Sheet Body"),
            ),
            show:true
        ),
    );
}

Contributing

This is fully open source project so you are welcome to sontribute to any features or bug-fixing.

Don't forgot to star and fork the repository and make your first pull request.

License

Project released under MIT License.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote