Material3 Alert Dialog操作按钮无法居中问题求助

在Material2版本中可正常居中的AlertDialog按钮，升级到Material3后设置actionsAlignment: MainAxisAlignment.center完全无效，按钮始终保持靠右对齐。

解决方法 #

由于Material3中AlertDialog的actions区域默认由ButtonBar组件包裹，且该组件在Material3主题下的默认对齐方式为右对齐，直接设置AlertDialog的actionsAlignment会被内部布局覆盖。可以通过以下两种方式强制按钮居中：

方式一：用Row包裹按钮并设置居中对齐

将所有按钮和文本放入Row组件，通过mainAxisAlignment: MainAxisAlignment.center控制整体居中：

AlertDialog(
  alignment: Alignment.bottomCenter,
  actions: [
    Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text("Testing"),
        TextButton(
          onPressed: () {},
          child: Text("Scan with Camera"),
        ),
        TextButton(
          onPressed: () {},
          child: Text("Read from image"),
        ),
      ],
    ),
  ],
)

方式二：自定义ButtonBar的对齐方式

手动使用ButtonBar组件并指定对齐方式，替代默认的actions布局：

AlertDialog(
  alignment: Alignment.bottomCenter,
  actions: [
    ButtonBar(
      alignment: MainAxisAlignment.center,
      children: [
        Text("Testing"),
        TextButton(
          onPressed: () {},
          child: Text("Scan with Camera"),
        ),
        TextButton(
          onPressed: () {},
          child: Text("Read from image"),
        ),
      ],
    ),
  ],
)

原因说明 #

Material3对AlertDialog的内部布局逻辑做了调整，actions区域默认使用的ButtonBar组件在Material3主题下的默认对齐方式为MainAxisAlignment.end，此时AlertDialog的actionsAlignment属性无法覆盖该默认设置，因此需要手动控制内部组件的对齐方式。

内容的提问来源于stack exchange，提问作者bluends