如何在Flutter中使2个或更多小部件(屏幕)居中？

在Flutter中，可以使用多种方法将2个或更多小部件（屏幕）居中。以下是几种常见的方法：

使用Center小部件：Center小部件可以将其子部件居中显示。将需要居中的小部件作为Center的子部件即可。例如：

Center(
  child: Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
      Text('Widget 1'),
      Text('Widget 2'),
    ],
  ),
)

在这个例子中，Column小部件中的文本小部件将在垂直方向上居中显示。

使用Align小部件：Align小部件可以根据指定的对齐方式将其子部件居中。可以使用Alignment类来指定对齐方式。例如：

Align(
  alignment: Alignment.center,
  child: Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
      Text('Widget 1'),
      Text('Widget 2'),
    ],
  ),
)

在这个例子中，Row小部件中的文本小部件将在水平方向上居中显示。

使用Container小部件：Container小部件可以通过设置alignment属性将其子部件居中。例如：

Container(
  alignment: Alignment.center,
  child: Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
      Text('Widget 1'),
      Text('Widget 2'),
    ],
  ),
)

在这个例子中，Row小部件中的文本小部件将在水平方向上居中显示。

以上是几种常见的在Flutter中将2个或更多小部件居中的方法。根据具体的需求和布局，可以选择适合的方法来实现居中效果。

腾讯云相关产品和产品介绍链接地址：