如何以我想要的自定义方式对齐这两个按钮？

Question

我如何才能对齐显示在我的 Row 中的这 2 个按钮，我尝试使用对齐但没有起作用，可能是因为我在我的父 Column 中设置了 mainAxisAlignment。我得到的最接近的是通过将我的自定义小部件包裹在扩展的周围来为项目设置弹性。我希望实现我的 2 个按钮（红色按钮和画廊按钮）的对齐，如下面的屏幕截图（屏幕的宽度是图像的宽度），任何帮助将不胜感激，谢谢

Answer 1

您可以通过将 mainAxisAlignment 属性设置为 MainAxisAlignment.spaceBetween 来对齐 Row 中的按钮。这将在两个按钮之间平均分配空间，使它们与行的左右边缘对齐。

或者，您可以使用 Expanded 小部件为每个按钮提供特定的弹性值。例如，您可以将第一个按钮包裹在弹性值为 1 的扩展小部件中，将第二个按钮包裹在弹性值为 2 的扩展小部件中。这将使第二个按钮的空间量是第一个按钮的两倍。

您还可以在按钮等子部件中使用 crossAxisAlignment 属性来根据需要对齐它们。