如何在颤振中将行与高度不受约束的卡的底部对齐？

Question

我有一个“无限垂直滚动”，卡片的高度不受限制。唯一的约束是为图像设置的，所有其他元素都会缩小/扩展至剩余大小。文本行最多可扩展至 3 行，标题最多可扩展至 2 行。因此，文本部分的高度可能会有很大差异：从 2 行（1 行标题 + 1 行描述）到 5 行（2 行标题 + 3 行描述）。

是否可以将行与价格和“抓取”按钮对齐到卡片底部？

我已经尝试了所有可能的对齐/堆叠/...解决方案，但没有运气，除非我设置了我不想做的卡的恒定高度。

请检查图像以了解我想要实现的目标。

Answer 1

我假设您的标题描述和价格部分包含在 Column 中。此外，用 Column 将标题和 desc 括起来。添加父列小部件 MainAxisAlignmnet.spaceBetween。

最终结构应该是这样的：

Column (
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  children:[
    Column(
      children: [
        Title(),
        Description(),
      ],
       
    ),
    PriceWidget(),
  ] 
)

如果您分享代码片段，我可以提供更好的帮助