Flutter响应式开发中MediaQuery尺寸值应存放在项目哪个目录？

首先明确结论：你写的MediaQuery动态计算扩展不要放在core/constants/目录下。
constants目录只适合存放编译期就确定、不会随运行环境变化的静态常量，比如固定色值、固定文字样式、固定枚举值这类内容。你写的dynamicWidth/dynamicHeight是依赖BuildContext获取设备实时尺寸动态计算的值，属于运行时逻辑，和常量的定位完全不符。

对应你现有项目结构的存放方案 #

• 你已经写好的MediaQuery扩展方法，直接放在现有core/extension/目录下即可，文件命名为media_query_extension.dart。这个目录本来就是用来存放全局通用的类型扩展、基础工具方法的，全项目引入后任意页面都可以直接通过context调用响应式计算方法，完全符合分层逻辑。
  你现有扩展代码可以补全简单的封装优化使用体验，参考写法：

  extension MediaQueryExtension on BuildContext {
    MediaQueryData get _mediaQuery => MediaQuery.of(this);
    // 按比例获取宽度，val传0-1之间的比例值
    double dynamicWidth(double val) => _mediaQuery.size.width * val;
    // 按比例获取高度，val传0-1之间的比例值
    double dynamicHeight(double val) => _mediaQuery.size.height * val;
    // 可按需增加快捷属性，比如直接获取屏宽屏高、安全区高度
    double get screenWidth => _mediaQuery.size.width;
    double get screenHeight => _mediaQuery.size.height;
  }
  

• 如果你有全局复用的固定尺寸、固定比例参数（比如全局页面统一的水平边距比例、通用卡片圆角、通用按钮高度比例这类静态值），可以在core/constants/下新建一个size子目录，和现有的app、color、textstyle平级，专门存放这类静态尺寸常量，示例：

  class AppSize {
    // 全局页面水平边距占屏宽比例
    static const double horizontalPaddingRatio = 0.04;
    // 通用卡片固定圆角
    static const double cardRadius = 12;
    // 主按钮高度占屏高比例
    static const double primaryButtonHeightRatio = 0.06;
  }
  

  使用时直接结合扩展方法调用即可：context.dynamicWidth(AppSize.horizontalPaddingRatio)
• 仅单个业务页面/单个模块用到的专属尺寸值，直接放在对应页面的view目录下维护即可，不要往core层抽，避免核心层冗余。
• product/widget下的公共通用组件，如果有组件自身固定的尺寸样式（比如自定义输入框的固定内边距），直接写在对应组件的代码里即可，不需要抽成全局常量。

架构遵循的核心原则 #

你现在用的是Flutter领域非常通用的业务分层架构，只要记住分层规则就不会放错位置：

• core层：只放全项目通用、不依赖具体业务的基础能力，包括通用扩展、全局常量、应用初始化、基础工具类
• product层：放跨业务模块复用的公共组件、导航逻辑、全局异常处理等公共业务能力
• view层：按业务模块拆分，每个模块内部的视图、逻辑、数据模型、服务自行闭环，模块私有的内容不要向上两层抽

相关参考截图：

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