颤动 - 任何人都有一个Flow示例有条件地用左右对齐包裹？

Question

新手问题......

看看Flutter文档，看起来像Flow会解决问题。

不幸的是，没有提供示例（或通过搜索此问题的日期提供），并且在正确实现方面存在一些麻烦。

这就是我想要表现两个元素的方式，类似于CSS float left和float right。

当屏幕宽度足够时，请将两个相邻的内容放在一起

EmpId   EmpName Country Serial No.
1       ABC     India         1
2       BCD     India         2
3       CMO     India         3
4       DIS     China         1
5       FGH     China         2
6       FHI     Singapore     1
7       XYZ     Singapore     2
8       KLM     Singapore     3
9       NOP     Singapore     4
10      QRS     Singapore     5

当屏幕宽度不足时，堆叠左上对齐，右下对齐

-------------------------------
| THINGHERE   BIGGERTHINGHERE |
-------------------------------

我目前正在使用带有计算宽度的Wrap元素，但似乎Flow会更优雅地执行此操作。

任何人都有一个实现此用例的例子吗？

Answer 1

对于这种情况，

Flow 不。 Wrap是你唯一想要的东西。

主要原因是因为Flow尺寸不能依赖于它的儿童尺寸。这意味着用它来实现你的要求是不可能的。

如果您需要更复杂的布局，则可以创建自己的RenderBox。由于RenderBox可以获得更复杂的布局逻辑。