套件概覽
local_hero 套件在組件位置於同一路由內變更時，啟用隱式英雄動畫。它透過自動動畫化組件從舊位置至新位置的移動，簡化過渡效果，以流暢的視覺流程提升使用者體驗。適用於單一畫面內的導航或動態 UI 更新，可在 Android、iOS、Web、macOS、Windows 與 Linux 等所有主要平台運作。此套件輕量且與 Flutter 現有的動畫系統無縫整合。
適用情境
- 單個路由內的平滑螢幕過渡
- 在狀態變更期間動畫化小部件重新定位
- 增強動態列表中的UI回饋
- 建立直覺導航體驗
- 支援響應式版面位移
- 提升互動式應用中的視覺連續性
主要特色
- 位置變更時的自動英雄動畫
- 與 Flutter 動畫系統的無縫整合
- 跨平台支援
- 所需的樣板程式碼最少
- 僅在相同路由內有效
- 補充現有的 Hero 小部件
適合對象
- 開發互動式 UI 的開發者
- 需要流暢過渡的應用程式
- 注重使用者體驗一致性的團隊
- 使用動態佈局的專案
- Flutter 初學者學習動畫
- 頻繁重新定位元件的應用程式
使用建議
- 限於同路由動畫
- 不支援跨路由轉場
- 需要謹慎放置以避免意外行為
- 不適合複雜的多畫面導航
- 如果過度使用，可能會影響效能
- 最佳搭配穩定的 widget 鍵使用