套件概覽
Animated Shimmer 是一個輕量級的 Flutter 套件，提供了一個簡單的 widget 來建立平滑的動畫閃爍效果——常見於 UI 中的載入佔位符。它透過在容器上動畫漸變來模擬內容載入的外觀，為使用者提供資料取得過程中的視覺反饋。此套件易於整合，並支援所有主要平台，包括 Android、iOS、Web、macOS、Windows 和 Linux。非常適合用於提升內容渲染延遲應用程式的感知效能。
適用情境
- 列表中的載入佔位符
- 產品卡片的骨架屏
- 資料獲取期間的視覺反饋
- 在載入緩慢的區塊增強使用者體驗
- 個人資料檢視中的佔位符動畫
主要特色
- 簡單的 API，設定簡單
- 平滑漸變動畫
- 跨平台相容性
- 輕便尺寸
- 可自定義的閃爍方向和顏色
- 支援任何子組件
適合對象
- 使用載入狀態建構UI的開發人員
- 需要骨架畫面的應用
- 注重性能和簡潔性的項目
- 設計師透過微妙的動畫提升使用者體驗
- 帶有動態內容的行動和網頁應用
使用建議
- 不適合複雜動畫
- 超出基本屬性的自訂功能有限
- 可能影響非常大的清單的效能
- 需要手動處理狀態管理
- 最好少量使用，以避免視覺雜亂