Buscar pacotes, repositórios e categorias de apps

Capa de flutter_tilt
Detalhes do pacotev4.1.0

flutter_tilt

Aplique facilmente efeitos de hover parallax de inclinação para o Flutter, que suporta inclinação, luz, sombra, sensores giroscópicos e muitos parâmetros personalizáveis.

AndroidiOSWebmacOSWindowsLinux
Downloads em 30 dias
14,7 mil
Curtidas
372
Pontos Pub
160

Instalar pacote

flutter pub add flutter_tilt

Visão geral do pacote

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

Flutter Tilt é um pacote Flutter que permite aos desenvolvedores implementar facilmente efeitos de paralaxe de inclinação com suporte para interações por hover, iluminação, sombras e integração com giroscópio em múltiplas plataformas. Oferece parâmetros personalizáveis para ajustar com precisão a resposta à inclinação, profundidade da sombra e estilo visual, tornando-o ideal para criar interfaces de usuário imersivas e dinâmicas. O pacote funciona perfeitamente no Android, iOS, Web, macOS, Windows e Linux, aumentando o engajamento da IU por meio de efeitos sutis de movimento 3D.

Casos de uso

  • Criando designs de cartões interativos
  • Adicionando efeitos de hover a botões e imagens
  • Melhorando apresentações de produtos em aplicativos de comércio eletrônico
  • Criando páginas de destino envolventes
  • Implementando elementos de interface responsivos com movimento
  • Simulando o comportamento de objeto físico

Principais recursos

  • Efeitos de inclinação e paralaxe
  • Suporte de sensor de giroscópio
  • Efeitos de sombra e luz personalizáveis
  • Compatibilidade multiplataforma
  • Controle fino sobre a sensibilidade de inclinação
  • Transições de animação suaves

Indicado para

  • Designers de UI procurando efeitos dinâmicos
  • Desenvolvedores criando protótipos interativos
  • Aplicações de comércio eletrônico e portfólio
  • Aplicativos que exigem experiências imersivas para o usuário
  • Equipes direcionadas para implantação multiplataforma

Considerações

  • Pode afetar o desempenho em dispositivos de baixa potência
  • Requer ajuste cuidadoso para sensação natural
  • Limitado a melhorias visuais, não a lógica funcional
  • Não adequado para componentes críticos de acessibilidade
  • Depende dos sensores do dispositivo para funcionalidade completa

README original

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

GitHub stars Pub.dev likes

📓 Documentation: English | 中文
🎁 Check out the Live Demo.
💡 See the Migration Guides to learn how to migrate between breaking changes.



Flutter Tilt
stable package dev package

pub downloads pub points CodeFactor codecov license

Easily apply tilt parallax hover effects for Flutter!


Example Preview GIF - Parallax image
Example Preview GIF - Layout
Example Preview GIF - TiltAnimatedBuilder
Example Preview GIF - Layout
Check out the Live Demo.


Features ✨

  • 👀 Tilt & parallax effects
  • 🎨 Simulated light & shadow effects
  • 📱 Gyroscope sensor support (Sensor compatibility)
  • 🧱 Multiple layouts
  • 👇 Supports hover, touch, and sensors events (Gesture priority)
  • 🖼️ Smooth animation
  • ⚙️ Many custom parameters

Documentation 📓

Contributors ✨

See graphs/contributors for more details.
Contributions of any kind are welcome! (emoji key)

AmosHuKe
AmosHuKe
💻  👀  📖  💡  ⚠️  🚧  🎨  🤔  💬 

LOCKEDFILE
LOCKEDFILE
🐛
aytunc
aytunch
🤔

License 📄

MIT License
Open sourced under the MIT license.

© AmosHuKe

Categorias

Dependências

Lista de dependências 1 itens

Repositório-fonte

Projetos que usam este pacote