Flutter 中基于百分比的布局

Question

来自 Android 背景，我习惯使用 ConstraintLayout 为我的 UI 定义基于百分比的边距和大小。我想知道Flutter中是否有一个小部件可以实现类似的功能。我一直在查看小部件 documentation，但我还没有找到任何东西。

Answer 1

在 flutter 中，百分比大小使用 FractionalOffset 表示，基本上是 0 < {x,y} < 1 坐标

有一些使用此逻辑的小部件可用，例如：

• FractionallySizedBox
• Align

这些与堆栈相结合应该允许您需要的任何布局，而无需使用 LayoutBuilder 或类似的。