Flutter & AlertDialog ：如何将我的 AlertDialog 对齐到屏幕底部？

Question

Flutter & AlertDialog ：如何将我的 AlertDialog 对齐到屏幕底部？ AlertDialog 通常出现在屏幕中间。如何将它放在屏幕底部？

   showDialog(
       return AlertDialog(
          content : Container()
       );
    )

Answer 1

为什么要使用showdialog？要从屏幕底部弹出一个部分，您需要使用底部工作表行为和 showBottomSheet 方法。下面是如何使用底页：

showBottomSheet(context: context, builder: (BuildContext context){
      return Container(
        child: ListView(
          children: [
            ListTile(title: Text('title 1'),),
            ListTile(title: Text('title 2'),),
            ListTile(title: Text('title 3'),),
          ],
        ),
      );
    });

我建议您使用flutter_modal_bottom_sheet 插件。这个插件为 Material 和 Cupertino 设计提供了大量的底部表单行为。例如：

安装插件后，您可以像这样使用它进行材料设计：

showMaterialModalBottomSheet(
  context: context,
  builder: (context, scrollController) => Container(),
)

或用于 ios Cupertino 设计：

showCupertinoModalBottomSheet(
  context: context,
  builder: (context, scrollController) => Container(),
)