搜索插件、代码仓与 APP 分类

flutter_tilt 封面
插件详情v4.1.0

flutter_tilt

轻松为Flutter应用添加倾斜视差悬停效果,支持倾斜、光线、阴影效果、陀螺仪传感器以及许多自定义参数。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
1.5万
喜欢数
372
Pub 分数
160

安装插件

flutter pub add flutter_tilt

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

Flutter Tilt 是一个 Flutter 包,可让开发者轻松实现倾斜视差效果,支持悬停交互、光照、阴影以及跨多个平台的陀螺仪集成。它提供可自定义的参数,用于微调倾斜响应性、阴影深度和视觉风格,非常适合创建沉浸式且动态的用户界面。该包可在 Android、iOS、Web、macOS、Windows 和 Linux 上无缝运行,通过微妙的 3D 运动效果增强 UI 的互动性。

适合场景

  • 创建交互式卡片设计
  • 为按钮和图像添加悬停效果
  • 增强电子商务应用中的产品展示
  • 构建引人入胜的落地页
  • 使用动态效果实现响应式UI元素
  • 模拟物理对象行为

主要特点

  • 倾斜和视差效果
  • 陀螺仪传感器支持
  • 可自定义的阴影和光照效果
  • 跨平台兼容性
  • 对倾斜灵敏度的细粒度控制
  • 流畅的动画过渡

适合对象

  • 寻求动态效果的UI设计师
  • 开发交互式原型的开发者
  • 电子商务和作品集应用程序
  • 需要沉浸式用户体验的应用程序
  • 针对多平台部署的团队

使用建议

  • 可能会影响低端设备的性能
  • 需要仔细调整才能获得自然的手感
  • 仅限视觉增强,不包括功能逻辑
  • 不适合用于对可访问性要求高的组件
  • 依赖设备传感器以实现完整功能

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

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

所属分类

依赖

依赖清单 1 项

源码仓库

使用此插件的项目