Flutter中如何仅为自动换行文本的首行设置可配置缩进

开头加空格的方式适配性差，不同字体、字号下空格宽度不一致，无法精确控制缩进长度，这里推荐两种更可靠的实现方式，均支持自定义首行缩进宽度，不会影响其余行的排版：

方案1：WidgetSpan 嵌入空白占位（灵活度最高） #

在文本最前面插入指定宽度的空白占位组件，仅首行受占位宽度影响实现缩进，可适配任意缩进单位（像素、字符宽度等）：

// 可自行配置缩进宽度，示例为24逻辑像素
const double firstLineIndent = 24;

Text.rich(
  TextSpan(
    children: [
      // 首行缩进占位
      WidgetSpan(
        child: SizedBox(width: firstLineIndent, height: 0),
      ),
      const TextSpan(
        text: "我知道可以通过在文本开头添加空格实现首行缩进，但我希望使用可配置的宽度来实现该效果。如果直接给Widget添加padding，会导致所有行的缩进距离一致，不符合预期。仅首行拥有可自定义宽度的缩进的效果可以通过以下方案实现，不需要添加空格也不需要给全段加padding，适配各种场景下的缩进需求。",
      ),
    ],
  ),
)

如果需要实现「缩进2个字符」的效果，只需要用TextPainter计算对应字号下两个汉字的宽度，赋值给SizedBox的width参数即可。

方案2：使用 ParagraphStyle 原生属性（写法更简洁） #

直接通过段落样式的textIndent参数指定缩进宽度，属于框架原生支持的能力，代码更精简：

const double firstLineIndent = 24;

RichText(
  text: const TextSpan(
    style: TextStyle(
      fontSize: 14,
      color: Colors.black,
      height: 1.5,
    ),
    text: "我知道可以通过在文本开头添加空格实现首行缩进，但我希望使用可配置的宽度来实现该效果。如果直接给Widget添加padding，会导致所有行的缩进距离一致，不符合预期。仅首行拥有可自定义宽度的缩进的效果可以通过以下方案实现，不需要添加空格也不需要给全段加padding，适配各种场景下的缩进需求。",
  ),
  textAlign: TextAlign.justify,
  paragraphStyle: ParagraphStyle(
    textIndent: firstLineIndent,
  ),
)

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