Flutter如何全局设置应用整体字体大小？有哪些可行实现方案？

以下是比全局变量引用更易维护、更符合Flutter设计规范的实现方式：

方案1：通过ThemeData统一配置textTheme（官方推荐） #

你可以直接在初始化ThemeData时，对全局文本样式的字号进行统一配置，后续所有Text组件都可以直接复用主题中的样式，无需单独传fontSize：

theme: ThemeData(
  fontFamily: 'Q',
  primaryColor: Colors.white,
  primarySwatch: Colors.blue,
  visualDensity: VisualDensity.adaptivePlatformDensity,
  // 统一配置各层级文本的默认字号
  textTheme: TextTheme(
    titleLarge: TextStyle(fontSize: 28), // 一级标题
    titleMedium: TextStyle(fontSize: 24), // 二级标题
    bodyLarge: TextStyle(fontSize: 20), // 大号正文
    bodyMedium: TextStyle(fontSize: 18), // 默认正文
    bodySmall: TextStyle(fontSize: 14), // 辅助小字
  )
),

使用时直接引用主题中的样式即可：

// 直接复用默认正文样式，自带配置好的字号
Text('普通正文内容', style: Theme.of(context).textTheme.bodyMedium)
// 不指定style的Text组件会默认使用bodyMedium的样式
Text('默认样式文本')
// 还可以在基础样式上自定义其他属性，字号保留全局配置
Text('自定义颜色的正文', style: Theme.of(context).textTheme.bodyMedium?.copyWith(color: Colors.red))

如果你只想在系统默认TextTheme的基础上统一调整所有字号，不需要逐个配置层级，可以用apply方法批量修改：

textTheme: ThemeData.light().textTheme.apply(
  fontSizeFactor: 1.2, // 所有字号默认放大1.2倍
  fontSizeDelta: 2, // 所有字号统一增加2个单位
)

方案2：通过MediaQuery全局统一缩放文本 #

如果需要全局批量调整所有文本的缩放比例，不需要修改任何Text组件的代码，可以在MaterialApp的builder层注入MediaQuery配置：

MaterialApp(
  builder: (context, child) {
    return MediaQuery(
      data: MediaQuery.of(context).copyWith(
        // 全局设置文本缩放比例，1.0为标准大小，1.2即所有文本放大1.2倍
        textScaler: const TextScaler.linear(1.2)
      ),
      child: child!,
    );
  },
  // 其他主题、路由配置...
)

该方案还支持适配系统字体大小设置，比如你可以把缩放比例和系统的字体大小偏好绑定，实现跟随系统调整字号的效果。

方案3：结合状态管理实现动态字号切换 #

如果你的应用需要支持用户在设置页手动切换字体大小（小/中/大/超大），可以搭配Provider、Riverpod等状态管理工具实现全局动态生效：

1. 定义全局状态类存储字号配置
2. 在设置页修改状态后通知全局更新
3. 在MaterialApp层监听状态变化，动态更新textTheme或textScaler即可，无需重启应用也不用手动修改每个页面的文本样式。

原全局变量方案存在耦合度高、无法动态生效、无法适配系统偏好的问题，推荐优先使用ThemeData配置textTheme的方案

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