Flutter 3.24+中使用MediaQuery+LayoutBuilder强制文本缩放为1.0仍被系统字体大小覆盖的问题求助

嘿，我来帮你排查这个问题！你的思路方向是对的，但问题大概率出在LayoutBuilder的上下文和MediaQuery的传递逻辑上，下面给你拆解原因和解决办法：

为什么当前代码不生效？ #

你现在在LayoutBuilder的builder里提前获取了mediaQuery = MediaQuery.maybeOf(context)，这个上下文是LayoutBuilder上层的——也就是还没经过MaterialApp处理、带着系统缩放参数的MediaQuery。之后你在MaterialApp的builder里用这个外部的mediaQuery来复制新配置，这会导致你的缩放覆盖没有正确作用到MaterialApp内部的上下文链里，毕竟MaterialApp本身会生成属于自己的MediaQuery实例，外部的配置干扰不到它的内部环境。

快速修复方案 #

直接在MaterialApp的builder里，基于当前上下文的MediaQuery（也就是MaterialApp内部生成的那个）来替换textScaler，不用提前在LayoutBuilder里获取外部的mediaQuery。修改后的代码如下：

builder: (context, constraints) {
  SizeConfig.init(context); // 这个可以保留，但要注意它的内部逻辑是否依赖正确的MediaQuery
  return MaterialApp(
    title: 'Main',
    theme: ThemeData(
      scaffoldBackgroundColor: kPrimaryLavender,
      fontFamily: kPrimaryFont,
    ),
    debugShowCheckedModeBanner: false,
    home: const Main(),
    builder: (context, child) {
      // 这里获取MaterialApp内部的MediaQuery上下文
      final appMediaQuery = MediaQuery.of(context);
      return MediaQuery(
        data: appMediaQuery.copyWith(
          textScaler: const TextScaler.linear(1.0),
        ),
        child: child!,
      );
    },
  );
},

如果你必须保留LayoutBuilder的场景 #

如果你的SizeConfig.init(context)依赖LayoutBuilder的约束，那可以继续用LayoutBuilder，但要注意两个点：

• 完全放弃在LayoutBuilder里提前获取MediaQuery的操作，所有缩放覆盖逻辑都放在MaterialApp的builder里
• 检查SizeConfig的内部实现，如果它用到了MediaQuery的textScaleFactor或textScaler，也要在里面强制设置为1.0，避免它的计算被系统缩放影响

更省心的全局禁用思路（Flutter 3.24+适配） #

其实还有一种更简洁的方式，不用依赖外部的MediaQuery实例，直接在MaterialApp的builder里基于当前上下文的MediaQuery做修改：

builder: (context, child) {
  return MediaQuery(
    data: MediaQuery.of(context).copyWith(
      textScaler: const TextScaler.linear(1.0),
    ),
    child: child!,
  );
},

这个方式的核心是确保你的MediaQuery覆盖是作用在MaterialApp的所有子组件上下文之上，这样整个应用的所有文本组件都会读取这个被修正后的MediaQuery配置，完全忽略系统的缩放设置。

另外，如果你想极端彻底，还可以在ThemeData的TextTheme里，给所有预设的文本样式都加上textScaler: const TextScaler.linear(1.0)，不过这种方式需要逐个配置样式，适合需要局部精细化控制的场景，全局覆盖还是用MediaQuery的方式最省心。

内容来源于stack exchange