如何在Flutter中将AlertDialog的内容移至底部

时间:2018-07-13 07:05:28

标签: flutter

我想在Flutter AlertDialog的底部显示一些选项。如您所见

enter image description here

2 个答案:

答案 0 :(得分:2)

如果我理解正确,则可以使用位于嵌套嵌套列的AlertDialog后面的showDialog组件。对于灰色背景,您可以将Opacity与Container一起使用:

showDialog(
    context: context,
    builder: (context) {
       return Opacity(
          opacity: 0.8, // some opacity
          child: Container(
              // container to set color
              color: Colors.grey,
              child: Column(
                  mainAxisSize: MainAxisSize.max,
                  mainAxisAlignment: MainAxisAlignment.end,
                  children: [
                    RaisedButton(
                      onPressed: null,
                    ), // replace with your buttons
                    RaisedButton(
                      onPressed: null,
                    ),
                  ]
               )
            )
        );
    }
);

答案 1 :(得分:0)

简单方法:您可以使用填充

showDialog<String>(
        context: context,
        barrierDismissible: true,
        builder: (BuildContext context) {
          return Padding(
            padding: const EdgeInsets.only(top:300.0),
            child: //AlertDiloag / CupertinoAlertDialog
          );
        },
      );