套件概覽
BlurryContainer 是一個 Flutter 套件，讓開發者能夠輕鬆在容器上實現磨砂玻璃效果，創造現代、半透明的 UI 元件。它利用平台特定的模糊技術，在 Android、iOS、Web、macOS、Windows 和 Linux 上提供流暢且視覺吸引人的玻璃質感設計。該套件簡化了應用模糊效果的過程，無需複雜的自定義渲染。適用於覆蓋層、卡片、對話框和浮動 UI 元件，能增強現代應用程式介面的視覺深度與美學吸引力。
適用情境
- 建立磨砂玻璃疊加
- 設計半透明卡片和模態框
- 使用毛玻璃效果構建現代用戶介面
- 增強應用啟動畫面
- 實現帶有模糊效果的浮動操作按鈕
- 為導航欄增加深度
主要特色
- 跨平台模糊支援
- 容器模糊的簡單 API
- 內建透明度控制
- 優化效能
- 可自訂的模糊強度
- 支援陰影和邊框
適合對象
- 尋求玻璃擬態效果的UI設計師
- 開發現代 Flutter 應用的開發者
- 具有深色模式或透明主題的應用程式
- 強調視覺精緻的專案
- 使用 Material 3 設計原則的團隊
使用建議
- 對低階設備的效能影響
- 除了模糊和不透明度之外，自定選項有限
- 可能需要額外的樣式來處理邊緣情況
- 不適合高對比度無障礙需求
- 模糊品質因平台而略有差異