Hero_animation 是一個 Flutter 套件,可實現同一路由內不同位置之間元件的流暢、宣告式轉換。它利用 Hero widget 的核心功能,將子元件從一個佈局位置平滑動畫到另一個位置,創造出流暢且吸引人的使用者體驗。適用於導航轉換、卡片翻轉或任何需要狀態間視覺連續性的場景。該套件支援所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux,確保在各種裝置上行為一致。
適用情境
- 跨頁面過渡
- 卡片或圖像縮放動畫
- 導航狀態變更
- 互動元素移動
- UI 流程中的視覺連續性
主要特色
- 流暢的英雄風格動畫
- 同路由位置過渡
- 平台無關支援
- 宣告式 API
- 輕量且易於整合
適合對象
- 尋求流暢使用者介面過渡的應用程式開發者
- 實現互動原型的設計人員
- 需要視覺連續性的專案
- 具有動態佈局的行動與Web應用程式
- 使用 Flutter 開發多平台應用的團隊
使用建議
- 限於同路線動畫
- 需要仔細的組件結構
- 可能影響複雜佈局的效能
- 不適用於跨路線轉換
- 需要適當的金鑰管理以實現可靠的動畫
