Flutter中如何让文本不受系统字体设置影响保持固定大小？

原因分析 #

你遇到的textScaleFactor始终返回1的问题，大概率是以下两种情况导致的：

• 之前用MediaQuery.of(context).copyWith(textScaleFactor: 1.0)包裹了MyApp，这会强制覆盖整个子树的MediaQuery配置，使得后续通过context获取到的都是修改后的textScaleFactor=1，拿不到系统真实的字体缩放设置。
• 如果你的MaterialApp本身显式设置了textScaleFactor参数，也会直接覆盖系统默认值，导致context中的缩放值被修改。

如何获取用户的原始字体设置 #

要拿到系统真实的字体缩放比例，不能通过context的MediaQuery获取（因为可能被父组件修改），需要直接从窗口获取原始数据：

final double systemTextScaleFactor = WidgetsFlutterBinding.instance.window.textScaleFactor;

这个值就是用户在系统设置里调整的字体缩放比例，不会被任何自定义的MediaQuery配置影响。

解决办法 #

方法1：全局固定所有文本大小（整个APP不受系统缩放影响） #

直接在MaterialApp中设置textScaleFactor: 1.0，无需嵌套额外的MediaQuery：

MaterialApp(
  textScaleFactor: 1.0,
  home: MyApp(),
);

这样整个APP内的所有文本都会严格按照你设置的fontSize显示，完全忽略系统字体缩放。

方法2：单个Text组件固定大小 #

如果只想让特定文本不受缩放影响，直接给目标Text组件设置textScaleFactor: 1.0即可：

Text(
  "固定大小的文本内容",
  style: TextStyle(fontSize: 20),
  textScaleFactor: 1.0,
);

无论系统字体调大还是调小，这个Text的显示尺寸都会保持不变。

方法3：限制缩放范围（不完全固定，避免极端缩放） #

如果不想完全禁用缩放，但想限制缩放的幅度（比如最大放大1.2倍，最小缩小到0.8倍），可以通过MaterialApp的builder参数处理：

import 'dart:math';

MaterialApp(
  builder: (context, child) {
    final MediaQueryData originalData = MediaQuery.of(context);
    return MediaQuery(
      data: originalData.copyWith(
        textScaleFactor: clampDouble(originalData.textScaleFactor, 0.8, 1.2),
      ),
      child: child!,
    );
  },
  home: MyApp(),
);

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