套件概覽
Blur 是一個 Flutter 套件,提供包裝元件以對子元件或影像套用模糊效果。它包含 ImageBlur.asset 和 ImageBlur.network,可用於模糊本機資源或遠端 URL 的影像。Frost 元件提供背景模糊,非常適合創造霜狀玻璃效果。專為跨平台使用設計,支援 Android、iOS、Web、macOS、Windows 和 Linux。此套件透過最少的程式碼簡化視覺深度與現代 UI 元素的實作。
適用情境
- 建立磨砂玻璃使用者介面
- 新增背景模糊效果
- 模糊資源中的圖像
- 模糊網絡圖像
- 增強使用者介面中的視覺深度
- 實現疊加模糊層
主要特色
- ImageBlur.asset 用於本地圖片
- ImageBlur.network 用於遠端圖片
- 背景模糊的霜凍小部件
- 跨平台相容性
- 簡單的 API 與包裝小部件
- 輕量且易於整合
適合對象
- 尋求現代美學的UI設計師
- 開發沉浸式介面的開發者
- 需要視覺分層的應用程式
- 使用影像疊加的專案
- 針對多個平台的團隊
- 具有玻璃感設計的Flutter應用
使用建議
- 對複雜佈局的效能影響
- 模糊強度的自訂選項有限
- 可能需要在低階設備上進行優化
- 不適用於高性能量動畫
- 最佳搭配靜態或更新頻率較低的內容使用
- 依賴於平台特定的渲染功能
