Flutter中如何同时实现Rich Text的居中与两端对齐？

你直接给RichText连续设置两个textAlign属性是无效的，后一个会覆盖前一个，无法实现不同文本块的差异化对齐。要达成标题居中、段落两端对齐的效果，可以用以下两种方案：

方案一：用WidgetSpan嵌入对齐组件（适用于纯RichText场景） #

通过WidgetSpan将需要居中的标题部分包裹在Align组件里，段落部分则依赖RichText的全局textAlign: TextAlign.justify实现两端对齐：

RichText(
  textAlign: TextAlign.justify,
  text: TextSpan(
    style: TextStyle(color: Colors.black, fontSize: 16),
    children: [
      // 居中的标题
      WidgetSpan(
        child: Align(
          alignment: Alignment.center,
          child: Text(
            "这是标题内容",
            style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
          ),
        ),
      ),
      TextSpan(text: "\n\n"),
      // 两端对齐的段落
      TextSpan(
        text: "这里是需要两端对齐的段落文本，这里是需要两端对齐的段落文本，这里是需要两端对齐的段落文本，这里是需要两端对齐的段落文本，这里是需要两端对齐的段落文本。",
      ),
    ],
  ),
)

方案二：拆分组件为Column+Text（更简洁易维护） #

如果不需要严格用单个RichText承载所有内容，直接把标题和段落拆分为独立组件，分别设置对齐方式会更简单：

Column(
  children: [
    // 居中标题
    Center(
      child: Text(
        "这是标题内容",
        style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
      ),
    ),
    SizedBox(height: 16),
    // 两端对齐段落
    Padding(
      padding: const EdgeInsets.symmetric(horizontal: 16),
      child: Text(
        "这里是需要两端对齐的段落文本，这里是需要两端对齐的段落文本，这里是需要两端对齐的段落文本，这里是需要两端对齐的段落文本，这里是需要两端对齐的段落文本。",
        textAlign: TextAlign.justify,
        style: TextStyle(fontSize: 16),
      ),
    ),
  ],
)

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