套件概覽
skeleton_animation 套件為 Flutter 應用程式在 Android、iOS 與 Web 平台上提供了一種簡單的方式來顯示骨架佔位符。它透過帶有動畫的灰色形狀模擬 UI 元素的載入狀態，這些形狀類似於內容尚未完全載入時的樣貌。非常適合在資料取得期間提升感知效能，藉由減少視覺上的突兀感來維持順暢的使用者體驗。該套件輕量且能無縫整合至現有的組件中，無需複雜的設定。
適用情境
- 列表的加載畫面
- 圖像的佔位符視圖
- 防止資料獲取期間的版面位移
- 增強網路延遲期間的使用者體驗
- 表單中動畫內容佔位符
主要特色
- 跨平台支援（Android、iOS、Web）
- 與現有小部件的簡單整合
- 動畫骨架形狀
- 所需最小設定
- 輕量且高效
適合對象
- 開發動態 UI 的開發者
- 頻繁加載資料的應用
- 以使用者體驗為導向的應用程式
- 原型設計互動式螢幕
- 旨在減少感知載入時間的項目
使用建議
- 有限的自定選項
- 不支援自訂動畫速度的內建功能
- 需要手動處理可見性狀態
- 不適合用於靜態佔位符設計
- 依賴外部依賴項以實現進階功能