如何改变Flutter对话框的位置

我创建了一个对话框，在注册新用户时 Firestore 中存在号码时会显示该对话框。然而，默认情况下，Android 似乎将对话框定位在显示屏的中央。有没有办法将对话框定位在其调用的小部件的位置，对于我的情况，它是“凸起”按钮回调。 还想知道如何在按钮上方的弹出窗口中显示验证消息，

下面是我的代码示例。

  numberExistsDialog(BuildContext context) {
var numberDialog = AlertDialog(
  shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)),
  title: Text(
    'Number Already Exists',
    style: TextStyle(color: Colors.red),
    textAlign: TextAlign.center,
  ),
  content: Text(
    'Use another number',
    textAlign: TextAlign.center,
  ),
);
showDialog(
    context: context,
    builder: (BuildContext context) {
      return numberDialog;
    });

}

我不知道是否可以用现有的AlertDialog来完成，但我曾经通过制作自定义对话框来更改对话框的对齐方式。

您可以使用Align小部件并根据您的需要对齐对话框小部件。 在示例中，我将其设置为bottomCenter那是Alignment(0, 1).

示例代码：

Align(
      alignment: Alignment(0, 1),
      child: Material(
        shape:
            RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)),
        child: Padding(
          padding: const EdgeInsets.all(32.0),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              Text(
                'Number Already Exists',
                style: TextStyle(color: Colors.red),
                textAlign: TextAlign.center,
              ),
              Text(
                'Use another number',
                textAlign: TextAlign.center,
              ),
            ],
          ),
        ),
      ),
    );

PS：您可以根据需要设置TextStyleAlertDialog's title and contentTextStyle 默认设置为 颤振本身。

EDIT:

您可以像下面这样使用它：

numberExistsDialog(BuildContext context) {
    var numberDialog = Align(
      alignment: Alignment(0, 1),
      child: Material(
        shape:
            RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)),
        child: Padding(
          padding: const EdgeInsets.all(32.0),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              Text(
                'Number Already Exists',
                style: TextStyle(color: Colors.red),
                textAlign: TextAlign.center,
              ),
              Text(
                'Use another number',
                textAlign: TextAlign.center,
              ),
            ],
          ),
        ),
      ),
    );
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return numberDialog;
      },
    );
  }