Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev2.1.0

rubber

Rubber é um widget de folha inferior elástica com animação de mola material personalizável.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
11 mil
Curtidas
356
Pontos Pub
160

Instalar pacote

flutter pub add rubber

Visão geral do pacote

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

Rubber é um widget flexível de sheet inferior para Flutter que oferece animações elásticas personalizáveis no estilo material. Permite transições suaves e elásticas ao expandir ou colapsar, melhorando a interação do usuário com comportamento responsivo e fluido. Ideal para modais, drawer ou qualquer elemento da interface que exija apresentação dinâmica de baixo para cima. Rubber suporta todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. Seu sistema de animação é baseado no motor físico do Flutter, permitindo que desenvolvedores ajustem com precisão os efeitos de rebote e resposta. O pacote é leve e se integra perfeitamente em aplicativos existentes do Flutter.

Casos de uso

  • Diálogos modais
  • gavetas interativas
  • Painéis de navegação inferior
  • Sobreposições de formulário
  • Expansores de conteúdo dinâmico

Principais recursos

  • Animações de mola personalizáveis
  • Comportamento de arrasto elástico
  • Suporte multiplataforma
  • Física de transição suave
  • Integração fácil com widgets existentes
  • Resistência de rebote configurável

Indicado para

  • Desenvolvedores procurando folhas inferiores animadas
  • Aplicativos com componentes de interface interativa
  • Designers que desejam movimentação inspirada em materiais
  • Projetos direcionados para múltiplas plataformas
  • Usuários das animações baseadas em física do Flutter

Considerações

  • Pode exigir ajuste para sentir a mola ideal
  • Não ideal para folhas estáticas ou não interativas
  • O desempenho depende da complexidade da animação
  • Limitado a casos de uso de sheet inferior
  • Requer entendimento sobre parâmetros físicos

README original

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

Awesome Flutter

An elastic material bottom sheet implementation for Flutter.

Requires Flutter 3.44 or later and Dart 3.12 or later.

This is still an early preview, some behaviors can change or being removed. Every feedback, bug report or feature request is welcome, please send it at the issue tracker

Follow the Quick Start to add it to your project. Is also available the complete example in the repository to preview the library on your device.

Common interaction options can be configured directly on the sheet:

RubberBottomSheet(
  animationController: controller,
  lowerLayer: const MyBackground(),
  upperLayer: const MySheetContent(),
  draggable: true,
  snapThreshold: 0.4,
  minFlingVelocity: 700,
  completeFlingVelocity: 5000,
  scrimColor: Colors.black54,
  onScrimTap: controller.collapse,
);

Use strict bounds when the elastic overscroll effect is not appropriate:

final controller = RubberAnimationController(
  vsync: this,
  duration: const Duration(milliseconds: 250),
  boundsBehavior: RubberAnimationBoundsBehavior.strict,
);

Use controller.addListener(...) to observe the position continuously. Status listeners report direction and boundary transitions (forward, reverse, completed, and dismissed). Pixel bounds are automatically recalculated after size and orientation changes.

Categorias

Painéis Inferiores e Bottom Sheets

Repositório-fonte

Projetos que usam este pacote