如何将窗口小部件的中心Y对齐到另一个的顶部边缘

Question

我想实现如图所示的效果：

绿色小部件具有固定大小。蓝色小部件放在绿色小部件上（有一些间距）。蓝色小部件大小可以在运行时更改。无论蓝色小部件高度如何，我都不会将黄色小部件的顶部边缘始终与蓝色小部件的中心Y对齐。

如果蓝色小部件高度将被修复，解决方案非常简单。但是假设蓝色小部件的高度可以在运行时改变，如何实现这个结果？

Answer 1

在这里，我认为你正在寻找的小部件是Positioned它允许你在Stack小部件中定义一个位置，你可以在里面定义高度。这里是Video widget of the week和Official doc的链接

我正在考虑另一个技巧：你可以为你的蓝盒定义一个height变量，你可以在marginTop上设置一个height/2到你的黄色Widget然后你的黄色块总是让你的蓝盒子的一半。

（它正在使用这些组件，但如果它包含在更多小部件中，它可能无法解决问题）

希望能帮助到你 ！！