套件概覽
skeletons 套件提供了一種在 Flutter 中建立自訂骨架載入元件的簡單方式，讓開發人員能在內容載入時模擬頁面佈局。它透過顯示反映最終 UI 的佔位結構來改善使用者體驗，減少感知載入時間。此套件輕巧且彈性，支援各種形狀與動畫的佔位符。非常適合複雜佈局的螢幕，確保從載入到內容顯示的順暢過渡。
適用情境
- 加載畫面佔位符
- 數據獲取期間的內容預覽
- 提升感知效能
- 複雜使用者介面佈局模擬
- 入門畫面
- 動態列表佔位符
主要特色
- 可自定義的骨架形狀
- 內建動畫支援
- 與現有小部件的輕鬆整合
- 靈活的佈局匹配
- 輕量且高效
- 支援嵌套骨架
適合對象
- UI/UX 設計師
- 前端開發人員
- 載入大量資料的應用程式
- 原型設計互動式螢幕
- 需要流暢加載狀態的移動應用
使用建議
- 僅限視覺佔位符
- 無內建資料擷取
- 需要手動佈局對齊
- 不適合非視覺加載指示器
- 依賴於準確的佈局預測