在 flutter 中將第一個小部件居中

Question

我想將 FirstWidget 在FirstWidget中連續居中，而不是完整的行。 第二個小部件應緊隨其后。

{
return Container(
           child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              FirstWidget(...),
              
              SecondWidget(...),            ],
          ));
}
    ```

Answer 1

假設其他小部件具有相同的寬度，我們可以使用Spacer小部件來填充空間，按照以下代碼：

Row(
   children: [
      FirstWidget(),
      Spacer(),
      CenteredWidget(),
      Spacer(),
      SecondWidget(),
   ]
)

另一種解決方案是將Row包裝在Stack中，並使用Positioned的強大功能將Widget覆蓋在中心：

Stack(
    alignment: Alignment.center,
    children: [
        FirstWidget(),
        Row(children: _rowChildren),
    ],
)