Flutter Row:左右对齐,共享剩余空间

Posted

技术标签:

【中文标题】Flutter Row:左右对齐,共享剩余空间【英文标题】:Flutter Row: align left and right, share remaining space 【发布时间】:2019-10-15 16:26:59 【问题描述】:

Here's an image of what I'd like to achieve。基本上我希望左右小部件尽可能地增长,直到它们都需要换行,在这种情况下,每个小部件都应该占 50%。在大多数情况下,只有左侧或右侧小部件中的一个足够长以进行换行 - 很少两者兼而有之。

我尝试了来自this question 和this question 的一些建议,但没有任何运气。

【问题讨论】:

你有什么尝试吗?如果是这样,请向我们展示更好的解决方案。 【参考方案1】:
ListTile(
  title: Text("The quick brown fox jumps over the lazy dog", maxLines: 2),
  trailing: Text("The quick brown", maxLines: 2),
);

【讨论】:

以上是关于Flutter Row:左右对齐,共享剩余空间的主要内容,如果未能解决你的问题,请参考以下文章

Flutter Layout Row / Column - 共享宽度,扩展高度

在 Flutter 中让 Row 子节点尽可能宽(父节点的剩余宽度)?

Flutter Row 小部件通过切断剩余区域解决 RenderFlex 溢出问题

Flutter Container 在 Row 小部件内定位或对齐

Flutter : 使具有不同图标大小的 IconButtons 和 Row 中的 Text 元素对齐到中心

Flutter 之 弹性布局 (Row、Column) (十一)