Flutter如何统一设置所有Text组件文本居中对齐？

不想每次给Text组件手动加textAlign: TextAlign.center？这里有几种实用的全局实现方式：

1. 自定义CenteredText组件（推荐） #

直接封装一个继承自Text的自定义组件，默认把textAlign设为居中，其他参数完全保留Text的原有配置：

class CenteredText extends Text {
  CenteredText(
    super.data, {
    super.key,
    super.style,
    super.strutStyle,
    super.textDirection,
    super.locale,
    super.softWrap,
    super.overflow,
    super.textScaleFactor,
    super.maxLines,
    super.semanticsLabel,
    super.textWidthBasis,
    super.textHeightBehavior,
    super.selectionColor,
  }) : super(textAlign: TextAlign.center);
}

用法 #

直接用CenteredText替代原来的Text即可，所有Text支持的参数都能正常使用：

CenteredText("Hello, World!");
CenteredText("I am omar!", style: TextStyle(fontSize: 16));

这种方式最灵活，后续如果要修改全局对齐方式，只需要改这个自定义组件的textAlign参数就行。

2. 字符串扩展方法 #

给String类型写一个扩展方法，快速生成居中对齐的Text组件：

extension CenteredTextExtension on String {
  Text toCenteredText({
    TextStyle? style,
    TextDirection? textDirection,
    int? maxLines,
    TextOverflow? overflow,
    // 按需添加其他需要的参数
  }) {
    return Text(
      this,
      textAlign: TextAlign.center,
      style: style,
      textDirection: textDirection,
      maxLines: maxLines,
      overflow: overflow,
    );
  }
}

用法 #

直接在字符串上调用方法：

"Hello, World!".toCenteredText();
"I am omar!".toCenteredText(style: TextStyle(color: Colors.blue));

这种方式适合快速开发，但如果需要使用Text的全部参数，就得把所有参数都加到扩展方法里，不如自定义组件方便。

注意事项 #

• 不要尝试通过DefaultTextStyle来设置textAlign：Text组件的textAlign是独立参数，不会继承自TextStyle里的配置，所以这种方法无效。
• 如果项目已经大量使用了原生Text组件，可以考虑IDE批量替换（把Text(替换成CenteredText(），比手动逐个修改高效。

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