套件概覽
RelativeScale 是一個 Flutter 套件,提供一種自訂的尺寸系統,以確保在各種裝置上維持一致的物理尺寸。透過根據螢幕密度和尺寸縮放元件大小,它有助於在不同裝置類型或解析度下維持視覺一致性。專為響應式 UI 開發設計,它簡化了在 Android、iOS、Web、macOS、Windows 和 Linux 上建立外觀統一的版面。該套件使用基於裝置螢幕特性的基準縮放係數,讓開發者能以可轉換為實際測量值的方式定義尺寸。對於需要精確視覺對齊與比例設計的應用程式而言,它是理想選擇。
適用情境
- 跨裝置使用者介面一致性
- 響應式佈局設計
- 基於物理像素的尺寸
- 設計系統實施
- 跨平台應用程式開發
主要特色
- 密度感知縮放
- 基於螢幕尺寸的基礎單位
- 一致的物理尺寸
- 多平台支援
- 簡單 API 結合
適合對象
- 開發人員優先考慮視覺一致性
- 使用設計系統的團隊
- 針對多個平台的應用程式
- 需要精確佈局控制的項目
使用建議
- 需要理解螢幕密度概念
- 可能需要針對極端螢幕尺寸進行調整
- 不適合固定像素的精確設計
- 最佳搭配彈性版面小工具使用
- 依賴於準確的設備指標