Flutter如何实现文本对齐，使描述内容第二行起与标签起始位置对齐

问题原因 #

你当前使用Row布局将标签和描述文本拆分为两个独立的横向排列组件，描述文本的排版区域被限制在标签右侧的Flexible区间内，换行后只会在右侧区域排版，自然无法实现换行后和左侧标签起始位置对齐的效果。

实现方案 #

你要实现的是带标签的悬挂缩进效果，这里提供两种可直接复用的实现方式：

方案1：固定标签宽度场景（适配固定文案的多语言场景）

如果标签文案固定（比如仅在中文/英文/葡萄牙语之间切换，宽度波动很小），可以直接用Stack布局实现，不需要额外计算：

Padding(
  padding: const EdgeInsets.only(left: 15, right: 20),
  child: Stack(
    children: [
      // 放置左侧标签
      Text(
        "Descrição :",
        style: TextStyle(
          fontSize: 16,
          height: 1.5,
          color: Colors.green.shade400
        ),
      ),
      // 描述内容设置左边距，数值为标签总宽度+间隔，这里可根据实际标签宽度调整
      Padding(
        padding: const EdgeInsets.only(left: 90), // 示例值，可自行调整到对齐效果
        child: Text(
          widget.description,
          textAlign: TextAlign.justify,
          style: TextStyle(
            fontSize: 16,
            height: 1.5,
            color: Colors.green.shade600
          ),
        ),
      )
    ],
  ),
)

方案2：动态标签宽度场景

如果标签是动态生成、宽度不固定，可以先通过GlobalKey测量标签的实际宽度，再动态设置描述内容的左边距：

// 首先在State类中定义GlobalKey
final GlobalKey _labelKey = GlobalKey();
double _labelWidth = 90; // 初始默认值

@override
void initState() {
  super.initState();
  // 页面渲染完成后获取标签宽度
  WidgetsBinding.instance.addPostFrameCallback((_) {
    final RenderBox renderBox = _labelKey.currentContext?.findRenderObject() as RenderBox;
    setState(() {
      _labelWidth = renderBox.size.width + 5; // 加5是标签和内容的间隔
    });
  });
}

// 布局部分代码
Padding(
  padding: const EdgeInsets.only(left: 15, right: 20),
  child: Stack(
    children: [
      Text(
        key: _labelKey,
        "Descrição :",
        style: TextStyle(
          fontSize: 16,
          height: 1.5,
          color: Colors.green.shade400
        ),
      ),
      Padding(
        padding: EdgeInsets.only(left: _labelWidth),
        child: Text(
          widget.description,
          textAlign: TextAlign.justify,
          style: TextStyle(
            fontSize: 16,
            height: 1.5,
            color: Colors.green.shade600
          ),
        ),
      )
    ],
  ),
)

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