Flutter Text组件如何调整行间距？文本换行后间距过大解决办法

你遇到的行间距过大问题可以通过调整Text组件TextStyle的height属性解决，同时可以移除多余的Column嵌套减少布局影响，修改方案如下：

修改说明 #

• 移除仅包含单个Text组件的冗余Column布局，避免额外的布局间距干扰
• 给Text的style添加height属性，该属性为当前fontSize的倍数，数值越小行间距越紧凑，你可以根据设计稿调整到合适的数值，示例中设为1.2可匹配大多数常规紧凑行高需求
• 可选添加leadingDistribution: TextLeadingDistribution.even让行高的上下留白分配更均匀，进一步减少多余的上下间距

修改后代码 #

description == ""
  ? const SizedBox.shrink()
  : Container(
      padding: const EdgeInsets.symmetric(horizontal: 10.0),
      child: Text(
        description,
        textAlign: TextAlign.left,
        style: TextStyle(
          fontSize: 18,
          // 调整height数值控制行间距，可按需微调
          height: 1.2,
          // 可选配置，让行高分布更均匀
          leadingDistribution: TextLeadingDistribution.even,
        ),
      ),
    )

效果对比 #

• 当前实际效果（换行间距过大）：
  
• 设计期望效果：
  

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