Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de bottom_drawer
Detalhes do pacotev0.0.5

bottom_drawer

Um widget de gaveta inferior, suporta cabeçalho e corpo personalizados, suporta corpo em lista e suporte para abrir e fechar arrastando.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
663
Curtidas
36
Pontos Pub
150

Instalar pacote

flutter pub add bottom_drawer

Visão geral do pacote

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

Um widget de drawer inferior personalizável para o Flutter que suporta abertura e fechamento por arrasto, com cabeçalho e corpo opcionais personalizáveis. Pode exibir conteúdo estático ou um corpo baseado em lista, tornando-o ideal para modais, filtros ou painéis de informações complementares. O drawer se adapta a várias plataformas, incluindo dispositivos móveis, web e desktop, garantindo uma experiência consistente em todos os dispositivos. Projetado para simplicidade e flexibilidade, integra-se suavemente em aplicativos existentes do Flutter.

Casos de uso

  • Sobreposições modais
  • Painéis de filtro
  • conteúdo complementar é exibido
  • Painéis inferiores interativos
  • Entradas de formulário
  • Navegação por painel

Principais recursos

  • gesto de arrastar para abrir/fechar
  • Cabeçalho e corpo personalizáveis
  • Suporte ao corpo da lista
  • Compatibilidade multiplataforma
  • Integração fácil com widgets existentes
  • Animação e comportamento configuráveis

Indicado para

  • Desenvolvedores de interfaces interativas
  • Aplicativos que precisam de painéis colapsáveis
  • Projetos que exigem folhas inferiores com agnosticismo de plataforma
  • Designers que desejam layouts de gaveta flexíveis
  • Equipes que priorizam interações suaves com o usuário

Considerações

  • Pode exigir estilos adicionais para cabeçalhos complexos
  • Impacto no desempenho com listas grandes
  • Animações embutidas limitadas além dos deslizamentos básicos
  • Não adequado para modais de tela cheia
  • Requer manipulação cuidadosa de eventos de toque em rolagens aninhadas

README original

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

Bottom Drawer for Flutter Pub version

Bottom Drawer.

DEMO

1. Add dependency
dependencies:
  bottom_drawer: ^0.0.5
2. Import bottom drawer
import 'package:bottom_drawer/bottom_drawer.dart';
3. Use bottom drawer

Create a bottom drawer controller.

/// create a bottom drawer controller to control the drawer.
BottomDrawerController controller = BottomDrawerController();

Build a bottom drawer widget.

/// return a bottom drawer widget.
Widget buildBottomDrawer(BuildContext context) {
  return BottomDrawer(
    /// your customized drawer header.
    header: Container(),
    /// your customized drawer body.
    body: Container(),
    /// your customized drawer header height.
    headerHeight: 60.0,
    /// your customized drawer body height.
    drawerHeight: 180.0,
    /// drawer background color.
    color: Colors.lightBlue,
    /// drawer controller.
    controller: controller,
  );
}

Control the bottom drawer.

/// open the bottom drawer.
controller.open();

/// close the bottom drawer.
controller.close();

For more information, see the example.

Categorias

Painéis Inferiores e Bottom Sheets

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.