Flutter新闻App布局问题：如何固定Widget位置统一列表项高度

问题根源在于标题文本行数不统一（1行/3行），导致下方组件位置偏移，核心需求是让所有列表项的标题区域高度保持一致。

直接解决方案 #

给标题Text组件添加minLines: 3属性，结合已有的maxLines: 3，强制标题区域始终占据3行文本的高度，无论实际内容行数多少。

修改后的标题代码片段：

Text(
  controller.category.firstHeader.list[index].title,
  maxLines: 3,
  minLines: 3, // 新增该行，固定标题区域高度
  overflow: TextOverflow.ellipsis, // 可选：超出3行时显示省略号优化体验
  style: GoogleFonts.inter(
    fontSize: 14.sp,
    fontWeight: FontWeight.w500,
  ),
),

原理说明 #

• minLines: 3会让Text组件至少占据3行文本的高度，即使内容只有1行，也会在底部填充空白区域
• 配合maxLines: 3确保标题最多显示3行，避免内容溢出破坏布局
• 若标题文本过长，overflow: TextOverflow.ellipsis会自动截断并显示省略号，兼顾美观与信息完整性

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