如何在构建阶段使用其他小部件的约束和大小

Question

我想确保我涵盖所有情况

1. 父窗口小部件读取（并可能使用）孩子的大小或约束

2. 子部件读取（并可能使用）父部件的大小或约束

3. 子部件读取（并可能使用）另一个子部件的大小或约束

解决方案似乎是……

1. 让构建阶段运行

2. 然后构建我要从中检索数据的小部件的大小和约束

3. 然后我中断了常规的阶段序列（因此draw Frame函数不运行）

4. 然后使用我现在拥有的数据重新运行构建阶段

5. 并允许框架绘制

问题是我不知道该怎么做

我早些时候发布了一个与此相关的更具体的问题，我得到了一些回复，布局构建器、自定义多子布局和自定义单子布局...

但这些都是针对特定情况的

布局构建器构建一个小部件树，该树可以依赖于父小部件的大小。所以它只处理案例2

另外两个有限制，父母的大小不能取决于孩子的大小。所以它似乎暗示它只处理案例 2。

那么还有哪些其他解决方案呢？

rect getter 插件可以工作，但不会中断绘图帧，因此会出现一帧卡顿 https://pub.dartlang.org/packages/rect_getter

我还没有尝试过后布局插件，但似乎发生了同样的问题，因为它说它在第一帧之后运行 https://pub.dartlang.org/packages/after_layout

感谢任何帮助！ 我不想忍受不断地使用变通方法：/

Answer 1

小部件不能故意做这样的事情。 一个小部件应该从不依赖于大小和位置或任何东西。甚至他们的孩子也不行。

如果您遇到需要的情况，LayoutBuilder 大部分时间应该没问题。

如果不是，您要创建的不是Widget。但是一个RenderObject 反而是flutter的下层之一。

诸如Center、Stack 或Column 之类的小部件实际上是使用RenderObject 计算的。

Answer 2

我是 rect getter plugin 的作者，我对你的问题很感兴趣。

是的，正如其他人所说，我认为 Flutter 是一个非常灵活的 UI 框架，所以在大多数情况下我们不需要知道小部件的实际大小。但是当我尝试写一个动画效果并模拟打开一本书时，我发现有必要知道一个'Card'的rect信息，最后我找到了从源代码中从一个撕裂的对象中获取一个rect的方法heros.dart。结果，它变成了你所知道的 rect getter 插件。

其实我可能也遇到了和你一样的问题，因为我想写一个像this这样的'Masonry'布局，所以我应该知道之前item的rect信息来决定当前item应该画在哪里.

我的解决方案是： 1.通过rect_getter包裹子widget，先正常构建布局； 2.然后，构建完成后立即使用定时器获取孩子的rect信息； 3.调用setState()重建布局，利用children的rect信息计算每个child在viewport中的constraintbox。

代码片段（未完成）：

及目前进展：

我的代码可以找到here，但是它们太糟糕了，并且评论使用中文，所以我认为您不会想阅读它们。