Flutter如何设置更大字体？替代硬编码字号的方案（类Web的font-size: larger）

在Flutter中，确实可以不用硬编码字号数值，实现类似Web中font-size: larger的相对放大效果，以下是几种可行方案：

1. 基于系统默认文本样式缩放 #

直接获取当前主题的默认文本样式，在此基础上按比例放大字号。Material3中默认正文样式为bodyMedium，Material2为bodyText2，示例代码如下：

Text(
  "这是放大后的文本",
  style: Theme.of(context).textTheme.bodyMedium?.copyWith(
    fontSize: Theme.of(context).textTheme.bodyMedium?.fontSize! * 1.2, // 按1.2倍放大，可自定义比例
  ),
)

这种方式完全依赖系统主题的默认字号，适配不同主题配置，无需硬编码固定数值。

2. 封装TextStyle扩展实现快速调用 #

通过扩展方法封装放大逻辑，让写法更接近Web的larger语法，方便复用：

// 定义扩展
extension TextStyleScaling on TextStyle {
  TextStyle get larger {
    return copyWith(fontSize: fontSize! * 1.2); // 可根据需求调整放大比例
  }
}

// 使用示例
Text(
  "这是放大后的文本",
  style: Theme.of(context).textTheme.bodyMedium?.larger,
)

3. 在主题中定义全局层级样式 #

如果需要全局统一“放大字号”的样式标准，可以在ThemeData中预定义对应的文本样式，基于默认样式缩放：

ThemeData(
  textTheme: TextTheme(
    bodyMedium: TextStyle(fontSize: 14), // 默认正文字号
    bodyLarge: TextStyle(fontSize: 14 * 1.2), // 对应larger效果的样式
  ),
)

// 使用时直接调用
Text(
  "这是放大后的文本",
  style: Theme.of(context).textTheme.bodyLarge,
)

这种方式便于全局统一调整放大比例，适合多页面复用的场景。

嵌套文本的相对放大 #

如果是嵌套文本需要基于父文本字号放大，可以通过DefaultTextStyle获取父级样式：

Text(
  "父级文本",
  style: TextStyle(fontSize: 14),
  child: Text(
    "子级放大文本",
    style: DefaultTextStyle.of(context).style.copyWith(
      fontSize: DefaultTextStyle.of(context).style.fontSize! * 1.2,
    ),
  ),
)

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