Flutter如何配置全局textScaleFactor兼容home与initialRoute

不需要为每个Text组件单独设置属性，以下方案同时适配MaterialApp传home、GetMaterialApp配initialRoute两种场景，和现有路由配置完全不冲突：

通用方案：通过builder属性覆盖全局MediaQuery配置 #

这是兼容性最高、改动最小的实现方式，不管你用哪种路由配置方式，只需要在App根组件增加builder参数即可全局生效：

// MaterialApp 示例，原有home配置完全不需要改动
MaterialApp(
  home: const HomePageWidget(),
  // 新增以下builder配置
  builder: (context, child) {
    // 固定全局字体缩放比
    const double targetTextScale = 1.0;
    return MediaQuery(
      data: MediaQuery.of(context).copyWith(
        textScaleFactor: targetTextScale,
        // 如果要兼顾无障碍需求，不建议完全锁死，可以给系统字体缩放加合理上下限
        // 示例：最大允许放大到1.2倍，最小缩小到0.8倍
        // textScaleFactor: MediaQuery.of(context).textScaleFactor.clamp(0.8, 1.2)
      ),
      child: child!,
    );
  },
  // 其他原有配置...
)

GetMaterialApp的配置逻辑完全一致，不需要改动你原有的initialRoute、路由表等配置，直接添加相同的builder参数即可。

方案说明 #

• 该配置全局生效，所有依赖系统字体缩放设置的组件（包括Text、TextField、AppBar文本、系统弹窗文本等）都会应用该缩放值，不需要逐个组件修改
• 如果需要单个页面做特殊缩放配置，只需要在对应页面根节点嵌套MediaQuery覆盖局部的textScaleFactor值即可，局部配置优先级高于全局
• Flutter 3.16+版本中textScaleFactor已被textScaler属性替代，只需要把上述代码中copyWith里的textScaleFactor换成textScaler: const TextScaler.linear(1.0)即可，逻辑完全一致

注意：不建议完全锁死字体缩放比为固定值，会影响视障用户通过系统大字体功能使用应用，推荐用clamp方法给缩放比设置合理区间，兼顾布局稳定性和无障碍需求。

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