MediaQuery.of(context).size与WidgetsBinding相关尺寸计算是否始终等价？

这两种方式并非始终等价，核心差异在于是否受当前布局上下文的约束：

• MediaQuery.of(context).size
  该方法返回的是当前上下文对应的可用布局尺寸，会继承父组件传递的MediaQueryData约束，比如：

  • 自动扣除状态栏、底部导航栏的高度，返回页面可直接布局的空间大小
  • 在弹窗、分屏模式、多窗口场景下，返回的是当前应用窗口/组件所在区域的尺寸
  • 若父组件手动修改了MediaQueryData（比如设置了padding或viewInsets），该值会随之变化

• WidgetsBinding.instance.window.physicalSize / binding.window.devicePixelRatio
  这是直接从底层窗口获取的整个物理屏幕的逻辑像素尺寸，完全不受当前布局上下文影响：

  • 返回的是屏幕的总尺寸，包含状态栏、导航栏等系统UI占用的空间
  • 即使在分屏、弹窗场景下，依然返回整个物理屏幕的大小，而非当前应用窗口的尺寸
  • 不会响应组件树中MediaQuery的修改

总结 #

• 如果你需要适配当前页面/组件的可用布局空间，优先用MediaQuery.of(context).size，这是Flutter推荐的布局适配方式
• 如果你确实需要获取整个物理屏幕的绝对尺寸，才考虑用WidgetsBinding的底层方式

内容的提问来源于stack exchange，提问作者ch271828n