19 年时 flutter 项目中自己封装的对于屏幕适配的工具类，最近更新了一丢丢 🤏 内容
个人观点: 对于屏幕的适配，无非就是获取当前设备的 dpi、width、height、safe area 等与 UI Design 进行比值换算。对于流式布局这种方法很通用，但是牵扯到单屏（整屏）显示，这种方法就不太满足 UI 要求。目前对于单屏显示我想到的解决方案就是：使用不同宽高比值对 UI 中元素定向处理，代码见
主要使用
adaptPx(x)进行页面适配
| iPhone 5s | iPhone 8 | iPhone 12 Pro |
|---|---|---|
 |
 |
 |
主要使用
adaptPx(x)、adaptPm(x)、adaptDynamic(flag, x)结合进行页面适配 根据单屏内容优先级对布局尺寸进行特殊处理
例如（并不是唯一优先级）
- 1、 width 使用
adaptPx进行适配 - 2、 height、padding、margin 使用
adaptPm进行适配 - 3、 公用动态组件 使用
adaptDynamic进行适配
| iPhone 5s | iPhone 8 | iPhone 12 Pro |
|---|---|---|
 |
 |
 |