搜尋套件、儲存庫與 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 項

原始碼儲存庫

使用此套件的專案