Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev1.0.0

water_drop

Um pacote para criar gotas de água sobre seus widgets.

pub.dev Documentação da API Código-fonte
Downloads em 30 dias
8
Curtidas
37
Pontos Pub
30

Instalar pacote

flutter pub add water_drop

Visão geral do pacote

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

O pacote water_drop permite aos desenvolvedores adicionar efeitos realistas de gotas d'água sobre widgets em aplicativos Flutter. Ele utiliza shaders personalizados e animações para simular a aparência de gotas se formando, se fundindo e deslizando sobre superfícies. Ideal para aumentar o apelo visual em planos de fundo, botões ou elementos interativos, trazendo uma estética dinâmica e fluida para as interfaces. O pacote é leve e integra-se perfeitamente com widgets existentes do Flutter, tornando sua implementação fácil sem configurações extensas. É particularmente eficaz em apps que se beneficiam de temas de design lúdicos ou naturalistas.

Casos de uso

  • Adicionando efeitos animados de água aos botões
  • Melhorando visuais de fundo com animações de gotas
  • Criando superfícies interativas com feedback fluido
  • Projetando interfaces de aplicativos inspiradas na natureza
  • Melhorando o engajamento do usuário com visuais dinâmicos

Principais recursos

  • Renderização de gota d'água baseada em shader personalizado
  • Animação suave da formação e movimentação de gotas
  • Leve e fácil de integrar
  • Suporta vários overlays de widget
  • Tamanho e comportamento de gota configuráveis

Indicado para

  • Designers de interface procurando efeitos visuais fluidos
  • Desenvolvedores criando aplicativos lúdicos ou temáticos com natureza
  • Aplicativos que exigem feedback interativo sutil
  • Projetos Flutter focados na inovação visual
  • Experiências digitais criativas com fundos dinâmicos

Considerações

  • Pode afetar o desempenho em dispositivos de baixa gama
  • Requer conhecimento básico de conceitos de shader
  • Personalização limitada além da aparência do gota
  • Mais adequado para fundos estáticos ou lentamente móveis
  • Não ideal para cenários de interação de alta frequência

README original

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

Water Drop 💦💦💦

Pub

A simple package for adding water drops to your Widgets!

👇👇👇👇👇👇👇👇👇👇
Blog article with detailed explanation:
https://fidev.io/water-drop
👆👆👆👆👆👆👆👆👆👆

Demo

Why?

Why not?!

How?

Just wrap your widget in WaterDrop and provide params:

Widget build(BuildContext context) {
  return WaterDrop(
    child: _StaticCard(color: Colors.green),
    params: [
      WaterDropParam(top: 50, height: 70, left: 100, width: 50),
      WaterDropParam(top: 10, height: 100, left: 280, width: 100),
      WaterDropParam(top: 155, height: 35, left: 135, width: 35),
      WaterDropParam(top: 135, height: 40, left: 250, width: 30),
      WaterDropParam(top: 20, height: 40, left: 20, width: 40),
      WaterDropParam(top: 140, height: 50, left: 15, width: 40),
      WaterDropParam(top: 20, height: 30, left: 200, width: 30),
      WaterDropParam(top: 120, height: 20, left: 360, width: 20),
    ],
  );
}

Or if you want a single drop, use WaterDrop.single:

@override
Widget build(BuildContext context) {
  return WaterDrop.single(
    top: 50,
    height: 70,
    left: 100,
    width: 50,
    child: _StaticCard(color: Colors.green),
  );
}

Categorias

Efeitos de Fundo, Gradientes e Shaders

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.