套件概覽
Shimmer 是一個 Flutter 套件,可簡化向 UI 元件新增閃爍載入效果的過程,創造出流暢、動畫化的佔位符外觀。它非常適合模擬清單、卡片或影像中的內容載入狀態,在資料取得期間提升使用者體驗。此套件支援所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux,確保在各裝置上行為一致。透過最少的設定,開發者可快速實作視覺上吸引人的載入指示器,無需撰寫複雜的動畫。
適用情境
- 列表中的載入佔位符
- 動畫卡片佔位符
- 圖像加載骨架
- 改進資料獲取過程中的使用者體驗
- 動態內容預覽
主要特色
- 簡單 API 結合
- 跨平台支援
- 可自定的閃爍顏色
- 流暢的動畫效果
- 輕量且高效
適合對象
- 尋求視覺精緻的UI設計師
- 開發動態內容螢幕的開發者
- 頻繁加載資料的應用
- 原型設計互動介面
- 提升感知性能
使用建議
- 不適用於靜態內容
- 需要在小部件樹中正確放置
- 如果過度使用,可能會影響效能
- 超出基本樣式的自訂功能有限
- 最佳搭配透明背景使用
